css ul har et tomt mellemrum fra venstre

hej

jeg er i gang med at lave en menu med ul og li osv. det virker sådan set fint, men problemet er i venstreside har jeg fået et "Mellemrum" ligesom hvis list-style var sat til circle eller noget. der er noget mellemrum men det er usynligt. mine koder ser følgende ud:


ul li

{
list-style: none;
}


.mainmenu ul li

{
display: block;
  position: relative;
  float: left;

}

jeg har prøvet med forskellige padding/margin men intet hjælper.. jeg kan ikke fjerne det mellemrum.