IE6 Absolute Positioning Bug

A navigational header gets positioned far from correctly by IE

[redwall_hp]

Firefox (correct)IE6 (wrong):
As you can see from the screenshots, something major is wrong. The absolutely positioned navigation is supposed to appear on the far right, not over the logo. Any tips on how to fix?

Here are the relevant bits of code:

#header {
width:100%;
height:146px;
background-image: url("images/header_tile.gif");
background-repeat: repeat-x;
position:relative;
min-width:960px;
}
#logo {
margin-left:20px;
}
#nav {
position:absolute;
right:10px;
}

<div id="header">
<div id="nav">
<ul class="lavaLamp">
<!-- *snip* li tags for navigation -->
</ul>
</div>
<div id="logo"><a href="#"><img src="logo.jpg" alt="Home" /></a></div>
</div>

[edited by: engine at 9:07 am (utc) on May 28, 2008]
[edit reason] No links, thanks [/edit]

[Wlauzon]

If I recall correctly, IE6 is bugged on absolute positions, you might try using float: right instead.

[Seb7]

You finished of the DIV to early, heres the correction:

<div id="header">
<div id="nav">
<ul class="lavaLamp">
<!-- *snip* li tags for navigation -->
</ul>

<div id="logo"><a href="#"><img src="logo.jpg" alt="Home" /></a></div>
</div>
</div>