Odpověď na otázku

Zdravím, chci se zeptat proč se mi v ul zobrazuje kousek prázdného místa (viz. obrázek) a jak to zruším.

Obrázek: http://tinypic.com/r/28qvgwz/8

HTML kód:

<!DOCTYPE html>

<html xmlns="http://w3.org/1999/xhtml" lang="cs-CZ">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>PPC</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div class="center">
      <div class="header">
        <ul>
          <li>Položka 1</li>
          <li>Položka 2</li>
          <li>Položka 3</li>
          <li>Položka 4</li>
          <li>Položka 5</li>
          <li>Položka 6</li>
        </ul>
      </div>
    </div>
  </body>
</html>

CSS kód:

div.center {
  width: 1000px;
  margin: 0 auto;
}
div.header {
  float: left;
  background-color: red;
}
div.header ul {
  margin: 0px;
}
div.header ul li 
{
  list-style-type: none;
	float: left;
  font-size: 20px; 
}
div.header ul li:hover 
{
  background-color: grey;
}

CSS - Navigační menu (problém)