CSS Menu bug in Internet Explorer

I am having problems getting my menu to align, I found the menu system at.

http://www.gazingus.org/html/Using_...HTML_Menus.html

However when you try and center it using tables or divs you get the result you can see in the attached image.

Strange thing it works fine in firefox, and sort of okay in opera, though its not centered and the menu is a little bugged.

I just can't think what causing the problem and its annoying me.

I've attached all the files in zip file for people to explore and see were i am going wrong.

thanks

can no one help?

I've discovered if you try to set the width of a div in CSS it messes up the menu, If I remove the width I get this but the menu is placed correctly. See image.

I found how to fix it , I just needed to add position: relative; to the menu div to sort it out.

Show up the page with the bug so its source can be examined.

Most bugs are normally poor coding.

I saw this. Very funny


To all web designers out there:
Do not use the following or you will infringe on above copyright:
margin: 10px;
padding: 0px;

Additionally, anyone spelling permission as persmission may be prosecuted for copyright infringement.



Good luck