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/