I added a tab to the nav bar now I cant center it.
I've played around with the following no luck.
/* style the outer div to give it width */
.menu {
margin: 0 auto;
padding:10px 0px 15px 0px;
position:relative; /*Make the container moveable*/
width:400px; /*Main bar total width*/
font-size:0.85em;
padding-bottom:30px; /*Padding between the bottom of your mainbar and the rest of your page */
} Start with this, fixed a bunch of errors in your html. I also changed your
links to relative. You don't need the bold part, makes it easier to read..
http://www.torunofamily.smugmug.com/Travel
Then it should center better with the CSS. Only thing left is position the
flyouts. btw, you're missing the closing div, red, below your banners.
<div align="center">
<a href="http://photobucket.com" target="_blank"><img src="http://i69.photobucket.com/albums/i49/mmtoruno/Web%20Banner/finaalheader.jpg" alt="Photo Sharing and Video Hosting at Photobucket" border="0"></a>
</div>
<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->
<div class="menu">
<ul>
<!-- First Main Menu Item -->
<li><a href="/" title="Home">Home</a></li>
<!-- Next Main Menu Item -->
<li><a class="drop" href="/galleries" title="Galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Travel" title="Travel">Travel</a></li>
<li><a href="/Holidays" title="Holidays">Holidays</a></li>
<li><a class="drop" href="/Bianca" title="Bianca Category">Bianca
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="/Bianca/466143" title="Bianca">2008»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/4375801_XrByR">Bianca's 2nd Birthday</a></li>
<li><a href="/gallery/xxxxxx">future use</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/Bianca/440902" title="Bianca">2007»
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/2894266">Biancas's 1yr. Portraits 2007</a></li>
<li><a href="/gallery/2903936">Bianca's 1yr. B-Day Party 2007</a></li>
<li><a href="/gallery/2903680">Bianca's 1st Bath Robe 2007</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!-- Next Main Menu Item -->
<li><a class="drop" href="/Events" title="Events Category">Events
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/3138416">Sandra's 15 Anosc</a></li>
<li><a href="/gallery/3350253">Alexis 15 Anos</a></li>
<li><a href="/gallery/gallery/3458685">Kayla & Emma's B-Day</a></li>
<li><a href="/gallery/gallery/3474191">Harry Peter Jr.</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!-- Next Main Menu Item -->
<li><a href="/popular" title="Our most popular photos!">Popular Photos</a></li>
<!-- Next Main Menu Item -->
<li><a href="/gallery/2908148" title="Please sign our guestbook!">Guestbook</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
<!-- End Navbar Code -->