Your code:
Quote:
<div id="menu">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</div>
|
My code:
Quote:
<div id="menu">
<ul class="SidebarMenuList">
<li class="SidebarMenuListItem"><a href="#">Link</a></li>
<li class="SidebarMenuListItem"><a href="#">Link</a></li>
<li class="SidebarMenuListItem"><a href="#">Link</a></li>
<li class="SidebarMenuListItem"><a href="#">Link</a></li>
<li class="SidebarMenuListItem"><a href="#">Link</a></li>
<li class="SidebarMenuListItem"><a href="#">Link</a></li>
</ul>
</div>
|
Quote:
UL.SidebarMenuList {
display: block;
list-style-type: none;
padding: 0px 0px 0px 0px; /* T R B L */
margin: 0px 0px 0px 0px; /* T R B L */
}
UL.SidebarMenuList LI.SidebarMenuListItem {
display: block;
list-style-type: none;
padding: 5px 5px 5px 5px; /* T R B L */
margin: 0px 0px 0px 0px; /* T R B L */
font-family: Verdana, Sans-Serif;
font-size: 9pt !important;
}
|
The
margin style attribute will help you manage your
Menu position in all browsers.
hth