#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 }
 
 
#menu li.v2 {
float:left;
margin:auto;
padding-left:5px;
padding-right:5px;
padding-top:5px;
margin-top:0px;
background: url(../images/bubble02.png) top left;

 }
 
 
#menu li a {
display:block;
width:100px;
text-decoration:none;
padding-top:5px;
padding-left:3px;
font-family:arial; 
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}

 
#menu li a:hover {
 color:#264394;

 }


#menu ul li ul {
 display:none;
 }

#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

#menu li ul {
 position:absolute;
 }

#menu {
 height:50px;
 }

<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
 position:absolute;
 }
</style>
<!--><![endif]-->

<!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
 position:absolute;
 }
</style>
<![endif]-->