Having trouble moving list to the left

[csa]

I'm using the following. I can't seem to get my list to align to the left, if I alter the padding it make the space between each list item closer or further apart but not to the edge of aktiv div.

Code: Select all

#aktiv{
padding-left: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 420px;
}
#aktivlist li
{
display: inline;
list-style-type: none;
padding-left: 30;
margin-left: 0px;
}

Code: Select all

  <div id="aktiv">
<ul id="aktivlist">
<li><a href="#">AK495</a> | <a href="#">360°</a></li>
<li><a href="#">AK560</a> | <a href="#">360°</a></li>
<li><a href="#">AK565</a> | <a href="#">360°</a></li>
</ul>
</div>

[herkalees]

Do this:
CSS:

Code: Select all

#aktiv {
font: 12px normal Arial, Helvetica, sans-serif;
width: 420px;
}
#aktivlist {
margin: 0;
padding: 0;
}
#aktivlist li {
display: inline;
list-style-type: none;
}

HTML:

Code: Select all

<div id="aktiv">
<ul id="aktivlist">
<li><a href="#">AK495</a> | <a href="#">360°</a></li>
<li><a href="#">AK560</a> | <a href="#">360°</a></li>
<li><a href="#">AK565</a> | <a href="#">360°</a></li>
</ul>
</div>

[csa]

Thank you.