Code Errorz?

[aaaron]

Hey, so on my site, I am trying to make my navigation center, but I am having troubles. Here's what it looks like.

Sorry if I posted in wrong place.


```
/*--General Navigation Info--*/
#navigation {
  position:center;
}

/*--Navigation Link Info--*/
#navigation ul {
  margin: 0;
  padding: 0;
  height: 45px;
  text-align: center;
}
#navigation li {
  display: center;
  margin: 0 5px;
}

/*--Navigation Link Information--*/
l#list-nav {
  list-style:center;
  margin:10px;
  padding:1px;
  width:525px
}
ul#list-nav li {
  display:inline;
  position: center;
}

ul#list-nav li a {
  text-decoration:none;
  padding:5px 1px;
  width:100px;
  background: #E1E1E1;
  color:#000000;
  float:left;
  text-align:center;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;

}

ul#list-nav li a:hover {
background: #1589FF;
color:#000000;
}

```
So, any ideas on how to fix it?

[Marsh]

Put that in code tags would be easier to edit.

[aaaron]

@Marsh:

> Put that in code tags would be easier to edit.

Ok, fixed.

[Bobosk]

```
position: relative;
margin: auto;
```I think that'll do it for you…

[Robin]

If you're doing a DIV list for your navbar then you'll have lots of fun. Took me like 4 hours messing around when designing this website before I gave up and just had to hardcode the centralisation offset.

[Chief]

@Robin:

> If you're doing a DIV list for your navbar then you'll have lots of fun. Took me like 4 hours messing around when designing this website before I gave up and just had to hardcode the centralisation offset.

Wrap it all in an outer div with a set width, and set the margin to auto.