These CSS codes will create a cool effect behind the links on your page, just put your cursor over the navigation to see what they do! Remember to replace the 000000 with the colour code of your links, or they will appear black.



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/ albums/v226/Lady_Griffin/FiredotsHover.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/albums/v226/Lady_Griffin/BlueDotsHover.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/ albums/v226/Lady_Griffin/GreenDotOver.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/albums/v226/Lady_Griffin/VoiletMouseover.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/albums/v226/Lady_Griffin/PinkRollover.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/albums/v226/Lady_Griffin/RainbowScrollVertical.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>



<style type="text/css"> a:hover{color: 000000; background: url(http://img.photobucket.com/albums/v226/Lady_Griffin/RainbowScrollHorizontal.gif)} </style><CENTER><p><IMG SRC="http://img.photobucket.com/ albums/v226/Lady_Griffin/banner.jpg"> <p></CENTER>