<style type="text/css">
.droplinetabs{
border: 1px solid red;
margin: 20px 0 0 0;
text-align: center;
overflow: hidden;
/*border-bottom: 1px solid gray;*/
float: left;
width: 980px;
}
.droplinetabs ul{
margin: auto;
width: auto;
/*width: auto;*/
border: 1px solid blue;
/*float: left;*/
/*padding-left: 130px;*/
font: bold 11px Verdana, sans-serif;
/*width: 100%;*/
list-style: none;
}
.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}
.droplinetabs li a{
height:30px;
line-height:25px;
float: left;
color: white;
background: #c76023 url(../img/leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 4px 0 0;
padding: 0 0 4px 3px;
text-decoration: none;
letter-spacing: 1px;
}
.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
}
.droplinetabs a span{
float: left;
display: block;
background: transparent url(../img/rightedge.gif) no-repeat right top; /*right corner image*/
padding: 3px 9px 3px 6px;
cursor: pointer;
}
.droplinetabs a span{
float: none;
}
.droplinetabs a:hover{
/*background color of tabs onMouseover */
/*background-color: #b05016;*/
color: white;
/*background-color: #1b1fbc;*/
background-color: #7878fc;
}
.droplinetabs a:hover span{
background-color: transparent;
}
/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute; width: 852px !important;
z-index: 100;
left: 0;
top: 0;
/*background: #c76023; *//*sub menu background color */
border-radius: 5px;
background: #7878fc;
/*border: 2px solid #7878fc;*/
visibility: hidden;
}
/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: normal 12px Verdana;
height: 20px !important;
padding: 6px; height: 20px;
padding-right: 8px;
margin: 0;
/*background: #c76023; *//*sub menu background color */
background: #7878fc;
}
.droplinetabs ul li ul li a span{
/*background: #c76023; *//*sub menu background color */
background: #7878fc;
}
.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #714421;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
</style>
<div id="droplinetabs1" class="droplinetabs" align="center">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a>
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a>
</ul>
</li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Fashion</span></a>
</li>
<li><a href="#"><span>Fashion</span></a></li>
</ul>
</div>
Bookmarks