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/
