[SOLVED] Menu item not showing properly in IE

[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/

[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

[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)

[Dr.CSS]

If you just put li {some style} all li items will pick it up...

[luminous]

If you just put li {some style} all li items will pick it up...

Roger that )