Hola moro666
gracias por tu ayuda
ya pude solucionar el problema aplicando un margin negativo a los elementos del menu
aqui esta parete de la solucion si alguna ves tiene el mismo problema.
Código CSS:
Ver original#left-sidebar ul{
display: inline-block;
padding: 1.7em 0 1.7em 0.2em;
}
#left-sidebar ul li{
list-style-type: none;
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -moz-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
margin-top: -10px;
padding: 10px 5px;
width: 85px;
position: relative;
border: 1px solid black;
border-radius: 10px 0;
box-shadow: -3px -3px 1px #aaa;
opacity: 0.8;
transform: skew(-6deg,-15deg);
-ms-transform: skew(-6deg,-15deg);
-webkit-transform: skew(-6deg,-15deg);
-o-transform: skew(-6deg,-15deg);
-moz-transform: skewX(-6deg) skewY(-15deg);
}
#left-sidebar ul li:hover{
font: bold 1em arial;
text-shadow: -1px -1px 2px #000;
-webkit-text-shadow: -1px -1px 2px #000;
-moz-text-shadow: -1px -1px 2px #000;
-o-text-shadow: -1px -1px 2px #000;
-ms-text-shadow: -1px -1px 2px #000;
opacity: 1;
margin-top: -20px;
margin-bottom: 10px;
}
#left-sidebar ul li a{
font: bold 1em arial;
text-decoration: none;
width: 100%;
height: 100%;
color: white;
}
#left-sidebar ul li a:hover{
text-shadow: -1px -1px 2px #000;
}