the relative: position adjustment corrected the thumbnails stacking order ( now on hover the thumbnail displays in front of its siblings ).
still am not able to display the thumbnail in front of the the navigation arrows ( the leftmost and rightmost elements. The first and last thumbnails appear behind the arrow navigation elements. I have tried wrapping both absolute positioned elements in a div and set the z-index of that parent high up in the stack order, but it is not resolving the issue. Ack. On Wed, Oct 14, 2009 at 12:50 PM, corey deep <coreyd...@gmail.com> wrote: > Hello All, > > I have a problem with ie7, I believe it is incorrectly setting the z-index > of site content (a thumbnail row) and the result is that the navigation is > overlapping the content row on hover. see example > http://www.thevenusflytrap.org/ietests/ie7-stack-issue.html > > To reproduce mouse over either the first or last thumbnail images & should > notice the thumbnail image is cut off... > > I have read about the ie z-index / stack order bug and a solution where > z-index property is set for the element via javascript, but i do not think > that will work in this case. I have tried via inline styles & what have you, > setting the z-index for the thumbnail image on up and on hover with no > success. > > Any help/point in the right direction would be greatly appreciated. > > Thanks :D > > ______________________________________________________________________ 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/
