Page 1 of 1

[SOLVED] Menu item not showing properly in IE

Posted: Thu Sep 02, 2010 8:43 pm
by luminous
Hi

I'm working on one of my first sites and the last menu item I have is not positioning correctly.  I have a "No Callout" image that is absoluted positioned, and is therefore meant to sit on top of everything.  It should not be interacting with the menu.  In Firefox etc it works, in IE it does not.

Its the data recovery menu item on the far right that is the problem :(

Link:
http://www.abytecomputers.co.uk/home/

Re: Menu item not showing properly in IE

Posted: Fri Sep 03, 2010 10:16 am
by luminous
OK, it has nothing to do with the images as far as I can tell.

Its something to do with margins and padding, without margins and padding the menu seems to work.  I just cannot for the life of me see why that one menu item is dropping down in IE8

Re: Menu item not showing properly in IE

Posted: Fri Sep 03, 2010 11:03 am
by luminous
Solved:

I had a style:
li {margin-left:20px;}

This was being used successfully on a sidebar list, but for some reason the menu picked it up and was causing havoc.

Replaced the style with
.sidebar ul {margin-left:40px;}  (this was at 20px to start with)

Re: [SOLVED] Menu item not showing properly in IE

Posted: Fri Sep 03, 2010 7:07 pm
by Dr.CSS
If you just put li {some style} all li items will pick it up...

Re: [SOLVED] Menu item not showing properly in IE

Posted: Fri Sep 03, 2010 7:44 pm
by luminous
Dr.CSS wrote: If you just put li {some style} all li items will pick it up...
Roger that :-)