CSS, IE7... how to not move down the content

I've some issues with IE 7, could you please tell me how to avoid my content to shift down when I开发者_C百科 move the mouse over Contact (under the title)

http://www.lancelmaat.nl/drupal/index.php?q=allwork

thanks

I've solved by moving the contact div at the bottom of the page. In this way it has not other divs after him, that are shifted by IE6 and 7.

But this solution is not generalizing well for other websites.

the hover-menue of "contact" is higher than the rest of the site. one possibility you could try is setting height:100% on your body and html.

from what i see I feel that the <p> creates extra padding. Try <div> instead of <p> or try <p style="margin:0px;padding:0px;"> in

<p>KAREN LANCEL:<br />
lancel(at)xs4all.nl<br />
phone 0031 (0)624873424</p>

Just a suggestion to try.

I believe what you're looking for is actually position: absolute

This will pull the element out of the normal flow of the document, and make it so the layout won't be affected by its display. From there, position the container with left: (px), and top: (px), or with margins.