Slight space between divs in FF and IE7

...which breaks my layout

[Br3nn4n]

This might be pretty hard to explain without just letting someone take a look at the site and seeing what I mean, but okay.

In order to create curved corners on my menu, I have an extra <div> right about the <div> that the menu's links are in. It's absolutely positioned, and in FF looks nearly perfect. In IE though, the body background color (being white) shows through inbetween the corners <div> and the beginning of the menu <div>.

Now, just as I was posting this I had a thought. Should I take out the extra <div> that includes ONLY it as background image and instead just set the background image of the menu <div> to that image?

Please help, this is bugging me a lot. :)

[Trace]

Are the rounded corners set as a background-image? Or just an image inside the div.

If it's an image inside the div, the space you are seeing under the image is because the image is displayed inline. if you simply set the img's to display:block, that should fix your problem.