Could get rid of an extra div like this -
markup
Code:
<p><a title="Links to News archives dating back to the site's beginning in June, 2000" href="http://radified.com/Archives/">News Archives</a></p>
<p><a href="http://radified.com/splash.rad" title="Splash page (7-second timer kicks you back here)">Splash
Page</a></p>
</div>
<div style="height: 4587px;" id="mainContent" class="column">
<!-- CSS Tabs -->
<ul id="navigation">
<li><a href="http://radified.com/index.rad"><span>Home</span></a></li>
<li><a href="http://radified.com/cgi-bin/yabb2/YaBB.pl"><span>Forums</span></a></li>
<li><a href="http://mt4.radified.com/"><span>Blog</span></a></li>
<li><a href="http://radified.com/About/"><span>About</span></a></li>
<li class="last"><a href="http://radified.com/no_spam/contact.htm"><span>Contact</span></a></li>
</ul>
<p class="adlinks">
<script type="text/javascript"><!--
google_ad_client = "pub-144321553056470
CSS
Code:
/* CSS-based Tabbed Menu */
ul#navigation, #navigation li {
height: 19px;
list-style: none;
margin: 1em 0 0 0;
padding: 0;
}
ul#navigation {
text-align: center;
border-bottom: 2px #699 solid;
}
#navigation li {
display: inline;
margin-right: .75em;
}
#navigation li.last {
margin-right: 0;
}
#navigation li a {
padding: 1px 1em;
}
#navigation li a {
background: #699 100% 0;
color: black;
padding: 0;
text-decoration: none;
border-bottom: 1px #699 solid
}
#navigation li a span {
background: #699;
padding: 1px 1em;
font-weight: bold;
}
#navigation li a:hover span {
color: #000;
text-decoration: none;
background-color:#6CC;
font-weight: bold;
}