CODE
.product_menu_loc {
position: absolute;
left: 625px;
top: 328px;
text-align: right;
}
dl, dt, dd, ul, li{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Verdana, sans-serif, Trebuchet MS;
font-size: 12px;
text-align: right;
}
dl#menu {
width: 165px;
}
dl#menu li {
background: #336699;
line-height: 15px;
list-style-type: none;
width: 165px;
}
dl#menu li a {
color: #101F2D;
text-decoration: none;
display: block;
height: 15px;
padding: 5px 10px 5px 0px; /*top-right-bottom-left*/
}
dl#menu li a:hover {
color: #FFFFFF;
}
dl#menu dt {
height: 20px;
line-height: 15px;
/*font-weight: bold;*/
background: #641211;
padding: 5px 10px 5px 0px; /*top-right-bottom-left*/
}
dl#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 20px;
padding: 5px 10px 5px 0px; /*top-right-bottom-left*/
}
dl#menu dt a:hover {
color: #0CC6E8;
}
Here is my problem, I use a UL list on this page http://dev-tlt.virtualhorizons.com/TLTtesting.aspx and the above code seems to be messing it up.
How can I correct this?
