Código:
.menu { width:115px; border: 1px solid black; height:500px;margin: 2px 5px;float:left;position:relative; -moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;font-size:13;}
.menu ul { list-style-type:none;margin:0;padding:0;}
.menutit { color:white;background-color:#06036D; text-align:center;font-weight:bold;font-size:16px;}
.menuop { padding:0 10px;}
tengo este menú .. le quiero colocar en li:hover un background que ocupe el 100% del ancho del contenedor. El problema es que las opciones del menú las tengo separadas del contenedor mediante un padding ".menuop { padding:0 10px;}" y si le doy un li:hover background-color:black; no ocupa todo el ancho del contenedor.. como puedo solucionar esto?