I have a 2nd vertical menu set up with a unique id. Can anyone tell me why when I go into live view it shows up as a vertical menu, but when I go to open up in a browser, it shows up as a horizontal menu.
<div id="legalresourcesheader">Content for id "legalresourcesheader" Goes Here</div>
<div id="govttextheader">Content for id "govttextheader" Goes Here</div>
<div id="orgtextheader">Content for id "orgtextheader" Goes Here</div>
<div id="leftsprywrapper">
<ul id="vertical3" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#">Indiana</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Laws</a>
<ul>
<li><a href="#">IN Constitution</a></li>
<li><a href="#">IN Code</a></li>
<li><a href="#">Administrative Code</a></li>
<li><a href="#">Legislation</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">DOC</a>
<ul>
<li><a href="#">DOC Offender Info Search</a></li>
<li><a href="#">IN Sex & Violent Offender Registry</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Judiciary</a>
<ul>
<li><a href="#">Opinions</a></li>
<li><a href="#">Rules of Court</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Federal</a>
<ul>
<li><a href="#">Historical Documents</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Laws</a>
<ul>
<li><a href="#">US Code</a></li>
<li><a href="#">Legislation</a></li>
<li><a href="#">Full text state statues/legislation</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Rules</a>
<ul>
<li><a href="#">Federal Rules of Evidence</a></li>
<li><a href="#">Federal Rules of Appellate Procedure</a></li>
<li><a href="#">Federal Rules of Civil Procedure</a></li>
<li><a href="#">Rules of US Supreme Court</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Judicial Decisions</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Other States</a> </li>
</ul>
</div>
ul#vertical3 a{
background-color:#888cad;
font-size: 11px;
width: 90px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ul#vertical3 li{
background-color: #888cad;
width: 90px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000;
}
ul#vertical3 li a{
color:#FFF;
width: 110px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
ul#vertical3 li li{
background-image: url(images/itemgradient.gif);
margin-top: 0px;
margin-left: 127px;
width: 90px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
}
ul#vertical3 li li a{
color:#000;
}
ul#vertical3 li li li{
width: 90px;
background-color: #888bad;
margin-left: 125px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
}
ul#vertical3 li li li a{
color:#FFF;
}
ul#vertical3 a.MenuBarItemHover, ul#vertical3 a.MenuBarItemSubmenuHover, ul#vertical3 a.MenuBarSubmenuVisible{
color:#33CCFF;
}
North America
Europe, Middle East and Africa
Asia Pacific