Help with HTMl/CSS menu set up

Hi guys,

If someone could help me with the following that would great.

I have a menu set up through html, that calls out to an external stylesheet.

The HTML:
<link rel=”stylesheet” type=”text/css” href=”http://caribbeantl.com/wp-content/themes/traveler_magazine_4.0_basic_package/styletravelocity.css” />

[CODE] <div id=”menu_navigation”>

<ul id=”menu-one” class=”menu”>
<li><a href=”http://caribbeantl.com/”>Home</a></li>
<li><a href=”http://reservations.caribbeantl.com/hotel-deals/10027842-hotrate.html” >Hotels</a></li>
<li><a href=”http://reservations.caribbeantl.com/nexres/air/destinations.cgi?src=10027842&src_aid=&dest=Caribbean” >Flights</a></li>
<li><a href=”http://caribbeantl.com/caribbean-islands”>Destinations</a></li>
<li><a href=”http://reservations.caribbeantl.com/nexres/cars/search.cgi?src=10027842&lang=ENG” >Car Rentals</a></li>
<li><a href=”http://reservations.caribbeantl.com/hotel-promo/10027842/15/caribbean_vacations.html” >Caribbean Vacation Deals</a></li>
<li><a href=”http://reservations.caribbeantl.com/hotel-promo/10027842/19/mexico_vacations.html” >Mexico</a></li>
<li><a href=”http://caribbeantl.com/caribbean-cruises” >Cruises</a></li>
<li><a href=”http://caribbeantl.com/shop” >Gift Shop</a></li>
<li><a href=”http://com.caribbeantl.com/” >Community Forum</a></li>
</ul>

<div style=”clear:both”></div>

</div>
[/CODE]

The CSS:

[CODE]/*- Main Menu -*/
body{background:url(https://images.wctravel.com/images-bin/10027842/travelocitybackground.jpg) top center no-repeat!important;}

.hotelbooking{width:980px!important;margin: 0 auto;}
#menu_navigation {
width: 980px;
background: url(https://images.wctravel.com/images-bin/10027842/longmenu.png) top center no-repeat;
padding:0;
margin: 0;
}
#middle {width:980px!important;margin: 0 auto;}
#mainContent{margin: 0 auto!important;}

.menu{padding: 0;margin: 0;background: url(https://images.wctravel.com/images-bin/10027842/longmenu.png) top center no-repeat;}

ul.menu {
list-style-type: none;
}
ul.menu li {
font-size:13px;
font-family:Verdana;
height:18px;
color:#343004;
display:block;
float:left;
padding:8px 8px;
text-decoration:none;
background: url(https://images.wctravel.com/images-bin/10027842/divider.png) bottom right no-repeat;
font-weight:bold;
text-decoration: none;

}

.menu li a:hover {
color:#666;
}[/CODE]

I’d like to add an additional menu bar, directly below the one I already have, without any space as seen [URL=”http://caribbeantl.com”]here[/URL].

I’m just now sure how to.

Any help appreciated!

Also in #HTML _↴