I'm trying to adapt the idea of using one image whose background-position changes on :hover [presented at Well-Styled (http://www.wellstyled.com/css-nopreload-rollovers.html) and A List Apart (http://www.alistapart.com/articles/slidingdoors2/) ] to a horizontal navigation menu whose banner image (above the horizontal nav bar) changes when a list item is hovered over. I would like to use background-position to change the position of the "banner" so that a different color is displayed. Here is my example page: http://www.accellart.com/test/trans_rollover.htm
The problem seems to be that a li's background is very small, and that the background-position of the banner is not tied to the li. Additionally, because the second li is rendered after the first, it is "on top," so the first li is not clickable. There might be a much easier way (i.e. a completely different approach) to accomplish this task, and I am open to all suggestions. I can't seem to find it. I'm sure there must be a pure-CSS solution, though, and that is what I am seeking. Thank you in advance for your help! Linden A. Mueller http://www.accellart.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
