1. I just designed this template and coded it, http://netsfer.com/ but now I'm getting 2 problems first as you can see the logo netsfer.com is a little away from the top line heres the code <center> <body bgcolor="#17181a"> <div id="top1"><img src="images/netsfer_01.gif" width="800" height="18" /></div> <td><table border="0" align="center"> <td> <div id="body"><img src="images/netsfer_02.gif" width="394" height="51" /><br /> <img src="images/netsfer_02c.gif" width="394" height="74" /><br /> </div></td> <td valign="top"> <div id="menu"> <p class="style2"><a href="index.htm">HOME</a><br /> <a href="services.htm">SERVICES</a><br /> <a href="portfolio.htm">PORTFOLIO</a><br /> <a href="hosting.htm">HOSTING</a><br /> <a href="contact.htm">CONTACT US</a></p> </div></td> </tr> </table> </td></tr> </table> Code (markup): CSS for it: #body { text-align: left; background-color: #17181a; margin-bottom: 135px; } Code (markup): #top1 { background-image: url(images/netsfer_01a.gif); background-repeat: repeat-x; } Code (markup): 2. When you go on the site the navagation links are supposed to be gray and when mouse rolled over it should be red but thats not working right. Heres the CSS code I'm using a:link { COLOR: #d0d0d0; text-decoration:none } a:visited { COLOR: #d0d0d0; text-decoration:none } a:hover { COLOR: #FF0000; text-decoration:none } a:active { COLOR: #FF0000; text-decoration:none; margin-top: 0px; margin: 0; padding: 0; } Code (markup):