[email protected] wrote: > On this site I have a hover effect on the photos on the right. Works good in > Firefox and IE8 but on IE7 the larger version of the image appears behind > everything else. I have tried tweaking z-index values of several elements but > to no avail so far. I'll keep working on it but if someone sees a solution > before me let me know. Thanks in advance. > > Signed, > > One of the many people with the first name "Christian" who is into CSS
Maybe using a technique that I have done here may help. <http://css-class.com/test/demos/popup-gallery1.htm> Adjusting just this CSS (removing overflow:hidden and padding on <li>) .gallery ul { background: black; overflow:hidden; /* <-- Delete */ margin: auto; padding: 40px; } .horizontal li { padding: 40px 50px; /* <-- Delete */ } will show how this can be altered to work on your page. It is similar to this test. <http://css-class.com/test/popuprel.htm> But you would need a container (parent element) for the gallery with it's own z-index to create a higher layer for IE7-. <http://css-class.com/test/css/visformatting/layers/z-index.htm> -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
