hi guys,
i have created a website with a css drop down menu...verything works fine except when u mouse over the links the menu drops down as well as the whole site start moving to the bottom!!!
any help plz?
i can send u my code too...well here it's:
body
{
font: 11px verdana, sans-serif, bold;
font-weight:400;
background: #ffffff;
margin: 0;
padding: 0;
}
#menuDeroulant
{
width: auto;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li
{
float: left;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu
{
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: auto;
color: #ffffff;
text-align:center;
text-shadow:Blue;
background: #006699;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #0066ff; }
#menuDeroulant li a:active { background-color:#006699; }
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFFfff;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("fond.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #0066ff;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
</style>
Linear Mode
