css - Issue with overflow in IE7 -


i'm having issue ie7 related overflow. http://www.photocrayze.com/photos

on google chrome, firefox, or browser that's not ie7, layout works intended. tags (look @ photos 'city people' , 'kaleidoscopic') cut off @ edges , set half opacity. on mouseover, edges revealed , set full opacity.

however, in ie7, when mouseover photo, div.photo-tags-inner expands , messes layout. i'm not sure how explain better... how can fix issue?

also, seems setting opacity 0.5 doesn't work in ie8 (but works in ie7 , ie9 , other browsers)...

zoom: 1; -ms-filter: progid:dximagetransform.microsoft.alpha(opacity=0.5); opacity: 0.5; filter: alpha(opacity=0.5); 

in css style

.photo-browser tr td .photo-info .photo-tags { margin: 0.5em auto auto; opacity: 0.5; overflow: hidden; position: relative; width: 200px; } 

get rid of overflow hidden , should work. next time use firexfox's firebug play around styling teh desired output. notice horizontal scroll bar comes may mean need more digging find out how rid of that.


Comments

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

actionscript 3 - TweenLite does not work with object -

jQuery Ajax Render Fragments OR Whole Page -