Simple Horizontal Menu Hover

Code:

Insert the following code into the section of your page:

<style>A.menulink {display: block;width: 300px;text-align: left;text-decoration: none;font-family:arial;font-size:10px;color: #000000;BORDER: none;border: solid 1px #FFFFFF;}<br /><br />A.menulink:hover {border: solid 1px #6100C1;background-color:#F0E1FF;}<br /><br /></style>

Add the below to the of your page.

 <table border="0" width="300"> <tr> <td width="100%" bgcolor="#E6E6E6"><b>Main Menu (CSS)</b></td> <tr> <td width="100%"><a href="http://www.javascriptkit.com" _fcksavedurl="http://www.javascriptkit.com" class="menulink" class="&{ns4class};">JavaScript Kit</a></td> </tr> <tr> <td width="100%"><a href="http://freewarejava.com" _fcksavedurl="http://freewarejava.com" class="menulink" class="&{ns4class};">Freewarejava.com</a></td> </tr> <tr> <td width="100%"><a href="http://www.codingforums.com" _fcksavedurl="http://www.codingforums.com" class="menulink" class="=">CodingForums.com</a></td> </tr> <tr> <td width="100%"><a href="http://news.bbc.co.uk" _fcksavedurl="http://news.bbc.co.uk" class="menulink" class="&{ns4class};">BBC News</a></td> </tr></table></p><p> </p><p> </p>