This works on every browser except IE.
site: http://www.inkpdx.com
css: http://www.inkpdx.com/main.css


Ok I set up a simple image-Rounded-corners container.


Check the bottom of the container in Firefox, then in IE.
The images in IE are not in the right place...



How can I fix this?
I know it's because I used in my css (top: -14px for the images, but that's only because they weren't showing up properly in Firefox without it.


How can I make the code work in both?


Help please!

ogbecker...the key is to nest the two background divs, one inside of the other, and then put your content in the inner div.

The answer (cross-browser compatible) is in my blog (the menus use it). If you want to lift my code, go right ahead.

Thanks for the help Adam, I kind of half-assedly figured it out. Probably not the prettiest, but it works...