[harding-85]

Jag har lagt ner tabell design för att testa DIVar istället, men nu har jag stött på lite problem.
min div #imgs vill inte ligga på samma höjd som #meny eller #txt.

sen har jag en annan fråga, jag vill att #mitten och #txt ska stretchas på höjden , hur gör jag detta på bästa sätt?

här är koden:

body {
	background-image: url(img/bakgrund.gif);
	background-repeat: repeat-x;
	height:100%;
	text-align:center;
}


#top
{
background-image:url(img/bg_top.png);
width:900px;
height:29px;
}

#header
{
	background-image:url(img/bg_middle.png);
	width:900px;
	height:165px;
}
#mitten
{
	background-image:url(img/bg_middle.png);
	width:900px;
	height:700px;
}

#botten
{
background-image:url(img/bg_botom.png);
width:900px;
height: 36px;
}

#meny
{
	background-image:url(img/bg_bg.jpg);
	width:108px;
	height:500px;
	margin-left:10px;
	float: left;
}

#txt
{
	background-color:#EFF1E7;
	width:500px;
	height:500px;
	margin-left:5px;
	text-align:left;
	float: left;
}
#imgs
{
	background-image:url(img/bg_bg.jpg);
	width:220px;
	height:500px;
	margin-left:650px;
	margin-top:0px;
	float: left;
}

________


<div id="top"> </div> 
<div id="header"></div>
	<div id="mitten"> * * * * <!-- finns för att få skuggade kanter , ska stretchas på höjden. -->
 *<div id="meny"><img src="bild.gif" width="102" height="28" /><br />meny</div>
 *<div id="txt">DIV - txt , ska gärna stretchas med innehållet på höjden.</div>
 *<div id="imgs"><img src="bild.jpg" width="120" height="100" /><br />div - imgs</div>
	</div>
<div id="botten"></div>

Tack på förhand!