css-overiding issue

I have a problem with the display of the image scroller in my page on my site in IE and the entire menu doesnt display properly in Google chrome, only in Mozilla, the site address is:

gilt.martinduys.com

Please view the above link in IE, Mozilla and Chrome

I'd like it to render exactly开发者_如何转开发 like Mozilla.

IE Problem - The image scroller blocks 1 to 5 is not displaying in its correct position.

Chrome - the menu is right at the top of the site

Mozilla - Perfect

I'd really appreciate some help, thankyou.

---

Following my comment,

#new_navigation:
Removing background-color: black; and adding margin:0 auto fixes the problem

Doing similar in mozzila:

If these are the final looks you want I suggest you make the above changes.

---

At first glance, I think you should add position: relative to the imageWrapper element. By the way: not all is well in Mozilla either; try resizing.

---

I openend your site in IE and the image slider has very much space between the image and the top menu.

Use margin: -175px auto 0px auto on <ul id="imageScroller"> to show the image directly under the menu.

And I think that you should use position: relative on <div id="imageWrapper">