SkinnyG33k
SkinnyG33k

Reputation: 1731

Div is getting clipped in IE7...stumped

I have little notification divs that should appear above the navigation. I tried other solutions from different posts (like giving it's parent a z-index) but I can't get it to work.

Safari Screenshot IE7 Screenshot

They are clipping with IE 7. Any ideas of what i'm doing wrong?

http://jsfiddle.net/SkinnyGeek1010/7rguC/
Live link

Upvotes: 1

Views: 95

Answers (1)

Cheery
Cheery

Reputation: 16214

progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0) kills your effect (who knows what IE is doing there).

Try to apply it not to the li, but to the wrapper of the li's content. And move your div with numbers out of this wrapper.

Upvotes: 1

Related Questions