CSS dropdown menu problem in IE

[Tino]

Hi,

I have used (with permission) a menu from cssplay.co.uk, and have managed to implement it fine in Firefox but, surprise surprise, there's problems with IE. The only problem in IE7 is a minor one, it doesn't centre.

However IE6 is having major problems, the main one being that the drop down part of the menu appears completely out of place.

It can be seen here www.oscarinteriordesigns.com, and the stylesheet is available at www.oscarinteriordesigns.com/style.css.

Any help greatly appreciated.

Thanks,
Martin

[Tino]

Problem solved, thanks to the very generous help of Stu Nicholls at cssplay.co.uk!

The following changes were made in the style sheet.

Line 69:

Code: Select all

from -
#nav {position:relative; z-index:14; margin:0;}
to -
#nav {position:relative; z-index:14; margin:0; text-align:center;}

Line 75:

Code: Select all

from -
#pmenu {padding:0; margin:0 auto; list-style-type: none; display:table;}
to - #pmenu {padding:0; margin:0 auto; list-style-type: none; width:908px;}

Line 89:

Code: Select all

from -
#pmenu li {float:left; background:#4a2c12;}
to - #pmenu li {float:left; display:inline; background:#4a2c12;}

Line 90 removed.

Line 122/121

Code: Select all

from - 
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
to - 
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;

So a big thanks to Stu for all that help!

Cheers,

[Jack Franklin]

Nice work Stu

Thanks for posting the solution as well