ie6 header incompatibility

[jantequino]

It looks like this is probably an ie6 bug or something?

I think it's having trouble parsing the CSS position:relative setting....

Our header template specifies the following:
<a name="top"></a>
<div class="header">
<div class="headlinks">
<div style="float:left;"><a style="margin: 0px 18px 10px 260px;" href="http://www.museumprofessionals.org"><strong>Home</strong></a><a style="margin: 0px 22px 0px 0px;" href="http://www.museumprofessionals.org/forum"><strong>Forums</strong></a><a style="margin: 0px 20px 0px 0px;" href="http://www.museumprofessionals.org/forum/register.php"><strong>Register</strong></a><a style="margin: 0px 18px 0px 0px;" href="http://www.museumprofessionals.org/forum/forumdisplay.php?f=18"><strong>Articles</strong></a><a style="padding: 0px 15px 0px 0px;" id="newsdrop" href="#newsdrop" accesskey="3"><strong>News</strong></a><script type="text/javascript"> vbmenu_register("newsdrop", true); </script></a><a style="padding: 0px 13px 0px 0px;" href="http://www.museumprofessionals.org/forum/forumdisplay.php?f=19"><strong>Jobs</strong></a><a href="http://www.museumprofessionals.org/index.php?pageid=about"><strong>About</strong></a>
</div>
</div>
</div>

We have additional CSS settings for the .headlinks setting

.headlinks {

position:relative;
top:94px;
left:0px;
}

How would we resolve or add to this to make ie6 position the links properly?

Thanks again!