Float LI Isses

Can anyone tell me why the li isn't floated all of the way left?
The mark-up is this:

. HOME
. PAGE 1
. PAGE 2
. PAGE 3
. PAGE 4
. PAGE 5

The template css is this:

body { color: #000; }
#main-wrap { margin: 1em auto; }
#toolbar ul { outline: 1px solid green; }
#toolbar li { display: inline; float: left; outline: 1px solid blue; }



Why are the list items not floated all of the way left?

thanks in advance