I found the extra "<ul>" but I don't see the "<" in my code. I still see the "<" symbol bellow my banner. Also how can I align my banner and navbar on the same line?
Thanks Again
Copy the bold and paste over these parts of you header. Added comment tags around
the line because the #my_header CSS adds the line.
<div id="my_header">
<div id="my_banner"> </div>
<!-- <hr color="#00c5cd"> -->
<div class="menu">
<ul>
...
...
...
</ul> <!--></td></tr></table></a><![endif]-->
</div> <!-- closes menu -->
</div> <!-- closes my_header -->
Change these three to look like this.
#my_header {
height: 33px;
border-bottom: 3px solid #B3A1A1;
margin: 0 30px 15px; /* top right/left bottom*/
padding: 0 20px;
}
#my_banner {
width: 300px;
height: 30px;
margin: 5px 0; /* top/bottom right/left */
background: url(http://slipkid.smugmug.com/photos/415107150_ru5Vw-L.gif) no-repeat;
}
/* Common Styling */
.menu {
float: right;
margin: -43px 0; /* top/bottom right/left */
display: block;
z-index: 99;
padding: 1px 1px 1px 1px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 555px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
}
[I]tweak the bold to align drop and flyout for Firefox
DD = dropdown FO = flyout FF = Firefox
.menu ul li:hover ul {
display: block;
position: absolute !important; /* ***** Carbonite fix ***** */
top: -6px; /* FF DD up down */
margin-top: 17px; /* FF main mouse active vertical */
left: -10px; /* FF DD right left */
width: 104px; /* unknown */
}
.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 92px; /* FF FO right left */
top: -28px; /* FF FO up down */
width: 125px; /* FF FO box width */
}
In the IE section tweak the bold to align drop and flyout for IE
.menu ul li a:hover ul {
display: block;
position: absolute !important; /* ***** Carbonite fix ***** */
top: 2px; /* DD container up down */
background: none; /* gets rid of DD container */
margin-top: 7px; /* DD container up down */
left: 0px; /* DD right left */
}
.menu ul li a:hover ul li a:hover ul {
display: block;
position: absolute;
top: -22px; /* FO up down */
color: #000000; /* unknown */
left: 147px; /* FO right left */
}