Auto-Nav space

Permalink
Hello,

I am currently working on:http://www.destyleschuur.nl.
As you can see there is a small space on the left side of both menu's.
I am using the build in autonav menu, which i want to adjust to my needs.

My question: How do i get the menu's to line-up to the left in the block/DIV? And why is it the way it is in the first place?

My css:

body {
color:#8C8984;
background-color:#aeaca8;
background-position:center;
line-height: 1.8em;
font-family: times;
text-align:left;
}

p {margin-top:5px;}

a {
color: #ffffff;
text-decoration: none;
font-size: 150%;
line-height: 19px;
text-align:left;
}


img {
margin-right: 4px;
}

#wrapper{
width: 940px;
height: 800px;
margin:20px auto 20px auto;
background-color:#8C8984;
border:2px solid #ffffff;
}

#header{
position: absolute;
height:150px;
width: 940px;
margin-top: 0px;
margin-right: 30px;
}

#navigatie{
position: absolute;
margin-top: 160px;
margin-left: 5px;
background-color: #aeaca8;
width: 925px;
border: 2px solid #ffffff;
height: 50px;
}

#navigatie li {
display:inline;
padding: 0 60px 0 0;
}

#aside{
position: absolute;
float:left;
background-color: #8C8984;
padding: 0px 0px 0px 0px;
width: 180px;
height: 500px;
margin-top: 230px;
}

#aside li {
margin: 10px 10px 5px 10px;
padding: 0px;
}

#article{
position: absolute;
padding: 0px 0px 0px 20px;
width: 733px;
height: 520px;
background-color: #ffffff;
margin:220px 0px 0px 180px;
}

#footer {
font-size: 100%;
padding: 20px 0px 0px 10px;
color:#ffffff;
background-color: #8C8984;
height:50px;
width: 930px;
margin-top: 730px;
}

Looking forward to your reply!
Thanking you in advance.

Rick van der Weg

 
bbeng89 replied on at Permalink Best Answer Reply
bbeng89
Standard HTML <ul> tags have 30px of left padding. So if you want to get rid of the padding on the navs completely you could do:

.nav, .navigatie{
    padding-left:0px;
}


I would say you would probably want to have about 5px of padding or so though. So

.nav, .navigatie{
    padding-left:5px;
}