buenas
estoy haciendo un menu que necesito que vaya pegado, en explorer si se ve pero no en firefox, como que me queda un espacio y no logro pegarlo.
como esta explicacion esta tan clara como el petroleo, mejor les dejo la imagen para que vean lo que pretendo y de paso el codigo
[IMG]
[/IMG]
Código:
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
margin:0px;
padding:0px;
}
#gallery{
width:840px;
}
#slides{
height:280px;
width:980px;
overflow:hidden;
}
.slide{
float:left;
}
#menu{
height:23px;
margin:10px 0 0 0;
}
ul{
margin:0px;
padding:0px;
}
li{
width:120px;
display: inline-block;
list-style:none;
height:23px;
overflow:hidden;
background-color:#CCC;
}
li.inact:hover{
background:url(img/pic_bg.png);
}
li.act,li.act:hover{
background:url(img/active_bg.png) no-repeat;
}
li.act a{
cursor:default;
}
.fbar{
width:0;
}
li a{
display:block;
height:23px;
padding-top:1px;
}
#main{
margin:15px auto;
text-align:center;
width:920px;
position:relative;
}
a, a:visited {
color:#0196e3;
text-decoration:none;
outline:none;
}
a:hover{
text-decoration:underline;
}
p{
padding:10px;
text-align:center;
}
#main #gallery #slides .slide img {
margin-right: 180px;
padding-left:auto;
}
a img {
border:0;
outline: none;
}
a {
border:0;
outline: none;
border: 0;
margin: 0;
padding: 0;
}
lo que necesito es que vaya pegado para poder diseñarlo bien pero no se porque me deja ese espacio.
gracias!