To clarify further, element that is intend to enlarge and go in front is
        #content-wrapper #main-wrapper #main #post-outer #post-main:hover

and the z-index offender in IE7 is #content-wrapper #sidebar

Rick Gordon

------------------

On 5/24/10 at 3:34 AM -0700, Rick Gordon wrote in a message entitled
"[css-d] Going Crazy with Z-Index Bug":

>I'm trying to work through the IE7 z-index bug, where I have set up the blog 
>posts to enlarge when hovered over. Works in FF, Safari, Chrome, Opera, and IE 
>8.
>
>In IE7, or IE 8 in Compatibility mode, using IE7 standards, the posts go 
>behind the sidebar, although the z-index is higher. (In IE6, since hover is 
>not available to divs, I haven't dealt with it, but if I can work through the 
>fix for IE7, I understand that there is a JavaScript that can create the 
>functionality in IE6.)
>
>I've tried reordering the divs, but can't find the magic bullet.
>
>The hierarchy is:
>
>body
>       #outer-wrapper (relative)
>               #header-wrapper
>                       #header-image
>                       #header
>               #content-wrapper
>                       #main-wrapper
>                               #main (posts)
>                               #footer-wrapper
>                       #sidebar-wrapper
>               #sidebar2-wrapper
>
>The test blog is at http://testlloyd.blogspot.com
>
>The working CSS is at:
>       http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles.css
>       http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles-IE.css
>       http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles-IE7.css
>       http://www.shelterpub.com/_blog/LloydsBlogLayoutStyles-IE6.css
>
>Thanks in advance for any assistance.
>
>--
>___________________________________________________
>
>RICK GORDON
>EMERALD VALLEY GRAPHICS AND CONSULTING
>___________________________________________________
>
>WWW:   http://www.shelterpub.com
>______________________________________________________________________
>css-discuss [cs...@lists.css-discuss.org]
>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/


-- 
___________________________________________________

RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___________________________________________________

WWW:   http://www.shelterpub.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to