CSS element påverkar andra element i IE

Hejsan!
Mitt problem är att min .text påverkar #meny (i IE) fast #meny ligger utanför (och ovanför) .text i koden. Både #meny och .text ligger i en #content.
Problemet är att jag har 20px left margin på .text men den left margin sätter sig för #meny också.

Här har ni en bild på hur det ser ut:
http://www.edsofficial.com/felratt.gif
Rätt: firefox 2 samt 3(betan)
Fel: IE 6 samt 7

Detta gäller alltså bara IE. Någon som vet vad som är problemet? Tack på förhand!

HTML:

<div id="content">
[INDENT]<div id="meny"> 
</div>
<div class="text"> 
</div>[/INDENT] 
</div>

CSS:
#meny{
margin:0 5px 0 5px;
display:block;
position:fixed;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#content{
background-image:url(images/bg.gif); width:776px; overflow:visible;
}
.text {
margin: 0 15px 0 20px;

}

Med den koden du visar nu så går det inte att se varför det blir den skillnaden. Men är det meningen att menydiven ska vara fixerad? Ligga still och hamna över texten om man behöver scrolla? Det fungerar inte i IE6 i såfall ... Men det ser inte ut som det ska vara meningen. Kan vara det "felet" som gör att det ser rätt ut i FF...
Har du nollat marginaler och padding i t.ex. body? Ser ut som det kan vara det som är problemet, eftersom du dessutom får skillnad i marginalen under ordet Nyheter.
Så mitt tips. Nolla i body och ta bort fixed och se om det hjälper.