Question

I am building a design and have it pretty much done however an item I have positioned absolutely will not show the overflow in IE7. It works for every browser but IE7.. I’m not supporting ie6. The div/image will not show anything past its parent container in IE7. I’ve tried a higher z-index, overflow:visible with no success.. The absolute positioned div is in the top nav bar left of the first menu item.. should be obvious

The site is here

thanks for any help or suggestions

Answer 1

To fix it in IE7, do the following:

Remove:

position: relative;

From .navbar-inner

It’s a bit redundant to have it on inner, because it’s container is already set to a relative position (they are the same size/shape). It will carry the same effect without it on the inner div, and give you the results you’re looking for.