List to align left

I'm using a list as follows below however I want the bullets to align to the left hand side of the div tag navcontainer, at the moment it indents the list in FF but it's fine in IE. I know FF doesn't like margin... but it's also ignoring any padding I put in.

#navlist{
list-style-image: url(images/bullet.gif);
margin-left: 20px;
}
#navcontainer{
width: 275px;
}

thanks

Try this:-

Change to margin-left:0; padding-left:20px;

Not 100% sure it'll work.

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder

I always use a little home-made trick when attempting to get bullets to look the same in browsers:

On the <ul>:
margin-left:0;
padding-left:0;

On the <li>'s:
margin-left:14px;
padding-left:14px;

For some reason, defining both, then messing around with the numbers seems to provide equal results in some browsers.

I'm not one for styling lists except or use in navigation so generally always remove the bullets..... I'll remember this one Herkalees!

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder

Thanks, I can see how this would work. However I often have more than one list on my page and end up get confused as to the best way of identifying each. Obviously ul will apply to all my links, could someone be so kind as to show me a brief example of how I to do this correctly?

Thank you.

Give each ul it's own id, then apply different rules using CSS for each:

<ul id="listone">
<li>Thing</li>
<li>Another Thing</li>
</ul>

#listone {
margin-left:0;
padding-left:0;
}
#listone li {
margin-left:14px;
padding-left:14px;
}

does anyone know how to make a css auto content song load on a web site