Menu Gets Destroyed

[rhasce]

Help please I'm working on a website in which I created an exact copy of website A, using word press on website B. but the menu on the word press copy gets bugged because it is shown 10 px above the line, and also it gets destroyed under cayman information->The Different Regions Of The Cayman Islands there should be a sub menu but it does not shows and I'm not sure why and I would like to get some help please here take a look:

website A: http://www.billbaldwin.net

website B(word press version): http://www.billbaldwin.net/fea

just check the menu on website B, and compare it to the one on website A

[Coyotelab]

<table cellspacing="0" cellpadding="0" border="0" width="1000">
<tbody>
<tr valign="bottom">
<td>
<div id="contact_details">
<div align="center">
<p><font class="top1"><a href="index-2.html">www.BillBaldwin.ky</a> | Office</font>
<font class="top2">345-943-2455</font> <font class="top1">| Mobile</font>
<font class="top2">345-916-2455</font> <font class="top1">| From USA</font>
<font class="top2">305-517-7355</font> <font class="top1">| Email</font> <a href=
"mailto: Bill.Baldwin@remax.ky"><font class=
"top2">Bill.Baldwin@remax.ky</font></a></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>

div#contact_details p {
font-size:62%;
}