ul {
margin: 0;
padding: 0;
list-style: none;
width: 130px; /* Width of Menu Items */
border:0px solid red;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left:130px;
top: 8px;
display: none;
}

/* Styles for Menu Items */
ul li a {
background:   url(/images/bg_menu.jpg) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B8B8B8;

}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Hover Styles */
ul li a:hover { 
color: white;
background-image:url(/images/ff_menu2.jpg); 
background-position:0% 53%;
background-repeat:no-repeat;
} 

/* Sub Menu Styles */		
li ul { 

background-image:url(/images/bg.png) ;	
border:1px solid #C9C9C9;
padding-bottom:5px;
}
li ul li a { 
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
width: 160px; /* Width of sub Menu Items */
color:#000000;
font-weight:bold;
background-image:none;	
border:0px;
padding-left:5px;
} 

li ul { 
width: 160px; /* Width of sub Menu Items */
} 


li ul li a:hover { 
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background-image:url(/images/bg_h_menu.jpg);
background-repeat:repeat-x;	
font-weight:bold;
width: 155px; 
} 


li:hover ul, li.over ul { display: block; } /* The magic */


#seo ul {
margin-left:5px;
padding: 10px;
padding-right:20px;
list-style: disc;
border:0px solid red;
width: 100%; /* Width of Menu Items */
}

#seo ul li {
list-style: disc;
position: relative;
}

#seo li ul {
list-style: disc;
position: absolute;
left:130px;
top: 8px;
display: none;
}