Box problem mit 4 spalten layout

[medialution]

Bin gerade dabei ein Layout zu testen, das wie folgt aussehen muss.
Ein Head 1000px breit mittig zentriert. Darunter müssen 4 gleich
breite Spalten (divs) und darunter wieder über die ganze breite
ein footer.

Bisher ist das ganze wie folgt aufgebaut ...
CSS:

#container {
		width: 1000px;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 1px;
		margin-left: auto;
	}
	
	#header {
		background-image: url(../images/header_bg.gif);
		background-repeat: no-repeat;
		height: 60px;
		text-align:right;
		padding: 10px;
	}
       #content {
		background-color: white;	
	}
        #menu1 {
		float: left;
		width: 229px;
		height: 250px;
		padding: 10px 10px 10px 10px;
		border-right: 1px #666666 solid;
		}
	#menu2 {
		float: left;
		width: 229px;
		height: 250px;
		padding: 10px 10px 10px 10px;
		border-right: 1px #666666 solid;
		}
	#menu3 {
		float: left;
		width: 229px;
		height: 250px;
		padding: 10px 10px 10px 10px;
		border-right: 1px #666666 solid;
		}
	#menu4 {
		float: left;
		width: 230px;
		padding: 10px 10px 10px 10px;
		}
	#footer {
		clear: both;
		border-top: 1px #666666 solid;
		padding: 10px 10px 10px 10px;
		text-align: center;
		font-size: 8px;
	}

HTML:

<div id="container">
<div id="header"></div>
<div id="content">
<div id="menu1"></div>
<div id="menu2"></div>
<div id="menu3"></div>
<div id="menu4"></div></div>
<div id="footer"></div></div>

Soweit passt das zumindest in den neuen Browsern (verbesserungs vorschläge sind willkommen). Mein Problem ist jetzt zwischen die Menu Spalten eine 1 Pixel Linie zu bekommen. Wenn ich die nämlich an die 4 Menu divs hänge ist der Strich immer nur so lang wie der Inhalt der Spalte und reicht nicht bis zum footer runter ...

'Ne gute Idee ????

 

[dkdenz]

Gekacheltes Hintergrundbild...