[harding-85]

Tack så mycket för tipsen!
efter martines post så började jag fundera och jag tog bort float på #txt och eftersom den ligger i #mitten så stretchas #mitten lika mkt som #txt gör.

men när jag tog bort float så kom nästa problem , #meny #txt #imgs ligger inte i samma höjd. jag har testat med alla möjliga kombinationer med position men det funkar inte. nån som har lösning på det här? känns som det borde vara simpelt men jag har verkligen inte lyckats..

så här ser koden ut nu

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;
}

#txt
{
background-color:#EFF1E7;
width:500px;
text-align:left;
position: static;
margin-left: 150px;
}

#imgs
{
background-image:url(img/bg_bg.jpg);
width:220px;
margin-top:0px;
}

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



<div id="top"> </div>
<div id="header">[img]img/header.jpg[/img]</div>
<div id="mitten"> *
<div id="meny"></div>
<div id="txt"></div> *
* <div id="imgs"></div>
</div>
<div id="botten"></div>