CODEWITHSUNDEEP
cssinternet-explorer-8menuhidden
vulgarbulgar
vulgarbulgar

Reputation: 844

dropdown menu IE8 overflow hidden

site in question: http://ecogroovellc.com

When looking at the 2nd child menu drop-down (Portfolio>Music), it appears properly in FF and Safari, but not in IE8, where it is hidden within the 1st child drop-down. Any solution ?

Thanks!

Upvotes: 2

Views: 981

Answers (4)

reid
reid

Reputation: 151

if you're trying to compensate for issues on IE8 you should always target it conditionally (add conditional class to HTML then write css targeting .ie8 specifically)

there literally isn't any way to write code that works for everything all at once...

Upvotes: 0

upshot13
upshot13

Reputation: 16

I had the same issue. I tried multiple variations, in the end I added filter:none !important; to my css rule on the containing element and that is what worked for me.

Upvotes: 0

Sam
Sam

Reputation: 1243

If you set the UL in question (the one with audio and videos) to position:relative, it seems to fix it in ie8, but it screws it up in FF.

Upvotes: 2

thirtydot
thirtydot

Reputation: 228152

I know it's because of the filter (providing opacity) in IE - it causes an overflow: hidden-esque effect.

I attempted to precisely locate it, but there's a lot of CSS/JavaScript to look through and I became disheartened.

What you need to do is remove the relevant filter rule when the fade transition is complete in your JavaScript.

Upvotes: 3

Related Questions