Here is my test page:
Aromatherapy & Essential Oil Testimonials
There is a small gap between the top logo and the CSS menu. When I remove the code for the logo, the CSS menu is positioned at the very top with no gap. So something is wrong with my image or code. Any help would be greatly appreciated.
<center><img src="http://www.sitepoint.com/forums/images/newLogo.png" alt="essential oils" width="770" height="111"></center>
<table align="center" width="770" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="menu">
<?php
print ("<ul>");
print("<li><a href='index.php'>Home</a></li>");
if ($loginID) {
print("<li><a href='index.php'>My Stuff</a>");
print ("<ul>");
print("<li><a href='myInfo.php?action=view'>My Account Settings</a></li>");
print("<li><a href='aromatherapy/7/$loginID'>My Testimonials</a></li>");
print("<li><a href='myReports.php?action=view&type=1'>My Searches</a></li>");
print("<li><a href='myReports.php?action=view&type=2'>My Favorites</a></li>");
print("<li><a href='myReports.php?action=view&type=3'>My Referrals</a></li>");
print("<li><a href='myReports.php?action=view&type=4'>My Leads</a></li>");
print ("</ul>");
print ("</li>");
}
print("<li><a href='index.php'>Options</a>");
print ("<ul>");
print("<li><a href='index.php'>Save as a favorite</a></li>");
print("<li><a href='index.php'>Refer a friend to this testimonial</a></li>");
print("<li><a href='index.php'>View other testimonials by Robert</a></li>");
print("<li><a href='index.php'>Ask Robert a question</a></li>");
print("<li><a href='index.php'>Printer friendly version</a></li>");
print ("</ul>");
print ("</li>");
print("<li><a href='index.php'>Search</a></li>");
print("<li><a href='add.php'>Add</a></li>");
print("<li><a href='contact.php'>Contact</a></li>");
print("<li><a href='/links/index.php'>Resources</a></li>");
print ("</ul>");
?>
</div>
</td>
</tr>
</table>