<style type="text/css">
.tablediv{
position:relative;
width:100px;
padding-top:5px;
padding-bottom:5px;
background:#CCCCCC;
border:0px;
cursor:pointer;
float:left;
text-align:center;
font-size:14px;
}
.tablediv a{
text-decoration:none;
color:#000000;
}
.tablediv:hover{
background:#666;
}
.tablediv:hover .trdiv{
display:block;
}
.trdiv{
position:absolute;
width:140px;
background:#EFEFEF;
left:0px;
display:none;
margin-top:5px;}
<![if IE]-->
<!--
.trdiv{
position:absolute;
width:140px;
background:#EFEFEF;
left:0px;
display:none;
margin-top:21px;
}
-->
.lidiv{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
text-align:left;
}
.lidiv:hover{
background:#C00;
}
.ul1{
display:none;
position:absolute;
background:#EFEFEF;
width:140px;
}
.lidiv:hover > .ul1{
display:block;
right:-140px;
margin-top:-21px;
}
</style>
.tablediv{
position:relative;
width:100px;
padding-top:5px;
padding-bottom:5px;
background:#CCCCCC;
border:0px;
cursor:pointer;
float:left;
text-align:center;
font-size:14px;
}
.tablediv a{
text-decoration:none;
color:#000000;
}
.tablediv:hover{
background:#666;
}
.tablediv:hover .trdiv{
display:block;
}
.trdiv{
position:absolute;
width:140px;
background:#EFEFEF;
left:0px;
display:none;
margin-top:5px;}
<![if IE]-->
<!--
.trdiv{
position:absolute;
width:140px;
background:#EFEFEF;
left:0px;
display:none;
margin-top:21px;
}
-->
.lidiv{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
text-align:left;
}
.lidiv:hover{
background:#C00;
}
.ul1{
display:none;
position:absolute;
background:#EFEFEF;
width:140px;
}
.lidiv:hover > .ul1{
display:block;
right:-140px;
margin-top:-21px;
}
</style>