FireFox ok | IE nicht: float verdeckt absolutes img

[dante]

hallo!

kennt ihr das auch: die tage an denen ihr euch wünscht print zu machen? mein problem ist wie folgt:

das schön gefloatete header div

#header {
float:left;
top:0px;
left:0px;
width:100%;
z-index:20;
}

überdeckt _nur_ im IE mein anderes div mit dem logo. diese soll (wie für logos üblich) einfach nur am linken oberen rand stehen. klappt im firefox auch wunderbar (und ich vertraue firefox auch in sahcen html auslegung) im IE verschwindet mein bild aber ins byte-nirvana. einfach weg :(

zur vollständigkeit halber noch die css für mein logo-div (mit der id "mwp"):

#mwp {
position:absolute;
top:0px;
left:0px;
display:block;
z-index:100;
}

zum verständnis mal der code zum selberausprobieren. die liste hat nichts mit dem problem zu tun, steht nur dort um den platz zu füllen ;)

<div id="header">

<ul>
    <li id="current"><a href="#" onfocus="this.blur()">Home</a></li>
     <li><a class="help" href="#" onfocus="this.blur()">Support</a></li>
<li><a href="#" onfocus="this.blur()"><nobr>Success Stories</nobr></a></li>
 <li><a href="#" onfocus="this.blur()">Downloads</a></li>
 <li><a href="#" onfocus="this.blur()">Contact</a></li>
    <li><a href="#" onfocus="this.blur()">Press</a></li>
  </ul>
  </div>

<div id="mwp"><img src="mwp_logo.gif" alt="MWP" width="202" height="244" /></div>

ich bin am ende meines lateins deswegen frage ich euch jetzt.
wo seid ihr css-cracks?

und noch das kleine betthupferl-problemchen:

der validator sagt mir er kenne den tag <nobr> nicht. gibt es eine andere möglichkeit (eventuell sogar mit css?) zeilenumbruch zu verhindern?
mein dokuemnt wäre doch sooo gerne valide ;)

danke

markus