Prezados amigos,
Tenho esse código :
body { font: normal 62.5% verdana; }
ul.menubar{
top:40px;
left: 0;
margin: 0px;
padding: 0px;
background-color: #FFFFFF; /* IE6 Bug /
font-size: 100%;
float:right;
}
ul.menubar .submenu{
margin: 0px;
padding: 0px;
list-style: none;
background-color: #FFFFFF;
border: 1px solid #ccc;
float:left;
}
ul.menubar ul.menu{
display: none;
background-color: #FFFFFF;
position: absolute;
margin: 0px;
}
ul.menubar a{
padding: 5px;
display:block;
text-decoration: none;
color: #777;
padding: 5px;
}
ul.menu, ul.menu ul{
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc;
width: 150px; / Width of Menu Items /
background-color: #FFFFFF; / IE6 Bug /
}
ul.menu li{
position: relative;
list-style: none;
border: 0px;
}
ul.menu li a{
display: block;
text-decoration: none;
border: 1px solid #ccc;
border-bottom: 0px;
color: #777;
padding: 5px 10px 5px 5px;
}
ul.menu li sup{
font-weight:bold;
font-size:7px;
color: red;
}
/ Fix IE. Hide from IE Mac */
- html ul.menu li { float: left; height: 1%; }
- html ul.menu li a { height: 1%; }
/* End /
ul.menu ul{
position: absolute;
display: block;
left: 149px; / Set 1px less than menu width /
top: 0px;
}
ul.menu li.submenu ul { display: none; } / Hide sub-menus initially */
ul.menu li.submenu { background: url(‘arrow.gif’) no-repeat right center; }
ul.menu li a:hover { color: #E2144A; }
Gostaria de que o drop down cobrisse o conteúdo da página, ou seja ficasse por cima. Já enviei o conteúdo na página pra trás, mas ainda o drop down fica por baixo das imagens.
Grande abraço,
JJ