[Solved] Menu over/under header

[Evert]

I'm working on a website, but I'm experiencing a problem with the menu placement in IE6. This is the way it should look like:



It looks like this on my laptop, with Windows Vista and IE7. The menu is placed on top of/over the header. In IE6 (on Windows XP) it does however look like this:



The menu is now placed underneath the header. Is there a way to fix this?

This is part of the stylesheet code which is probably causing the problem:

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 100px;    /* adjust according your image size */ 
}


div#header h1 {
/* you can set your own image here */
   background: #A9261F url(uploads/images/achtergrond5.jpg) no-repeat 0 0px;
   display: block;
   height: 122px;             /* adjust according your image size */
   width: 750px;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}


div#content {
   margin: 1,5em 0em 0em 0em;   /* some air above and under menu and content */
}

The website is located at http://www.well-nesse.nl

[Nullig]

Have you tried an IE6 hack, like:

* html #menu_vert {
margin-top: -40px;
}

You may have to play around with the right number of pixels to align it.

Nullig

[Evert]

Thank you very much, that seems to work