i'm experiencing a prb with a margin list. This is the html:
<div id="menu-btn">
<ul id="ul-menu-nav">
<li><a href="http://www.google.com"
target="_blank">ciccio</a>
</li>
<li><a href="http://www.google.com"
target="_blank">ciccio</a>
</li>
</ul>
</div>
this is the css code:
#menu-btn {
float:left;
background-image:url(immagini/sfondo-menu-nav.jpg);
background-repeat:repeat-y;
width: 211px;
height:auto;
}
#ul-menu-nav {
list-style-type:none;
width:180px;
margin:0;
padding:0;
}
#ul-menu-nav a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
width:211px;
margin-left:40px;
/*text-indent:20px;*/
}
The prb is that the visualization in the browser is different infact the margin from the left is different as you can see from the following image
(the first firefox3, IE6 the second):
I need the list items to be placed right after the blu raw (created repeating y the file "sfondo-menu-nav.jpg"on the left because there'll be submenus.
Someone knows how to solve this problem?
Can you also tell me if the code is clear and correct.
Thx.
