ie6 header incompatibility
 

Hello. I've been working with a developer to get my site up and running.... but we just noticed that there may be a problem with ie6....

If you go to www.museumprofessionals.org from IE7 or firefox, you will see that the header appears properly....

However if you view it in IE6, it looks like the attachment below....

Notice that the menu items are aligned properly with the buttons they are supposed to go on, but they are obviously not moving down to the right position.

Any ideas?

Thanks!

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!

fix the validation errors and your problems will be solved

http://validator.w3.org/check?uri=ht...Inline&group=0

FRDS... Thanks for the response.... I fixed everything pertaining to the header area and I'm still having the problem :(

Any other ideas?

Have you tried removing the div style="float:left" code to see what it looks like then?
that may, or may not work. Its hard for me without actual trial and error on the site itself :)

THAT WORKED!!!! For not even being able to try this on my site... I have to give it to you! :up::up:

Thanks!