How can i remove this spacing from my li?

Question

Im making a navigation with li but it has a weird bit of whitespace on the left on the navigation, Any ideas how i can get rid of it ?

JSFiddle: http://jsfiddle.net/RqbuU/

As you can see in the jfiddle, The first blue box has some white space

Here is an image of what i want to remove

Answer 1

This looks like default styles that the web browser is adding by default. You can indeed implement CSS for this as someone has mentioned:

#navigation ul{  
     padding: 0;
}

Or, to make life easier on yourself, you could use normalize.css to reset the default styles on most major browsers. Normalize CSS

Just implement that into your styles folder and add a style tag into your header:

<link rel="stylesheet" type="text/css" href="css/normalize.css">

Answer 2

Just add the following CSS:

#navigation ul {
    padding:0;
}

Fiddle