How do they do the rollovers target="_blank">http://www.tradingeye.com/<br /><br />I was just wondering because the nav images are both the rollover and the normal link in border="0" class="linked-image" /><br />Link to image: <!-- m --><a class="postlink" href="http://www.tradingeye.com/_images/nav1.gif">http://www.tradingeye.com/_images/nav1.gif</a><!-- m --><br /><br />Edit:<br />I think I see it, when you hover over the link it moves the background position -64px <br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#nav li a:hover, #nav li a.selected { background-position: 0 -64px; }<!--c2--></div><!--ec2--><br />Thats a cool effect that I wouldn't have thought of <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/wink.gif" style="vertical-align:middle" emoid="
" border="0" alt="wink.gif" /> It saves you the trouble of making two images for each link.<!--content-->
Great stuff, target="_blank">http://www.webdesignerforum.co.uk/index.php?showtopic=270<br /><br />It's how to create a full set of navigation links with style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><!--content-->
" border="0" alt="wink.gif" /> It saves you the trouble of making two images for each link.<!--content-->Great stuff, target="_blank">http://www.webdesignerforum.co.uk/index.php?showtopic=270<br /><br />It's how to create a full set of navigation links with style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><!--content-->