Uskočené menu v IE7

<div id="navigation">
				<ul>
				<?php
          
          $page = $_GET['page'];	       
          
          echo "
          <li class='one'><a href='/lokalita' "; if ($page=="lokalita") {echo "id='active'";} echo ">Lokalita</a></li>";
          echo "
          <li class='two'><a href='/ubytovani' "; if ($page=="ubytovani") {echo "id='active'";} echo ">Ubytování</a></li>";
          echo "
          <li class='three'><a href='/tipy_v_okoli' "; if ($page=="tipy_v_okoli") {echo "id='active'";} echo ">Tipy v okolí</a></li>";                                                              
          echo "
          <li class='four'><a href='/zima-leto' "; if ($page=="zima-leto") {echo "id='active'";} echo ">Zima/Léto</a></li>";
          echo "
          <li class='five'><a href='/cenik' "; if ($page=="cenik") {echo "id='active'";} echo ">Ceník</a></li>";
          echo "
          <li class='six'><a href='/kontakt' "; if ($page=="kontakt") {echo "id='active'";} echo ">Kontakt</a></li>
          ";
       ?>   
       
                                                    
				</ul>
			</div>

#navigation {
		height: 58px;
		display: block;
	}
		#navigation ul {
			display: table;
			height: 58px;
		}
			#navigation ul li {
				display: table-cell;
			}
			#navigation ul li a {
				display: block;
				background-image: url(./images/navigation.gif);
				height: 58px;
				text-indent: -10000px;
			}
				#navigation ul li a:hover {
					background-position: 0px -58px;
				}
				
				/* First navigation item */
				#navigation ul li.one a {
					width: 145px;
					background-position: 0px 0px;
				}
					#navigation ul li.one a:hover { background-position: 0px -58px; }
					#navigation ul li.one a#active { background-position: 0px 58px; }
					
				/* Second navigation item */
				#navigation ul li.two a {
					width: 140px;
					background-position: -142px 0px;
				}
					#navigation ul li.two a:hover { background-position: -142px -58px; }
					#navigation ul li.two a#active { background-position: -142px 58px; }
					
				/* Third navigation item */
				#navigation ul li.three a {
					width: 126px;
					background-position: -278px 0px;
				}
					#navigation ul li.three a:hover { background-position: -278px -58px; }
					#navigation ul li.three a#active { background-position: -278px 58px; }
				
				/* Fourth navigation item */
				#navigation ul li.four a {
					width: 130px;
					background-position: -404px 0px;
				}
					#navigation ul li.four a:hover { background-position: -404px -58px; }
					#navigation ul li.four a#active { background-position: -404px 58px; }
					
				/* Fifth navigation item */
				#navigation ul li.five a {
					width: 90px;
					background-position: -532px 0px;
				}
					#navigation ul li.five a:hover { background-position: -532px -58px; }
					#navigation ul li.five a#active { background-position: -532px 58px; }
					
					/* sixth navigation item */
				#navigation ul li.six a {
					width: 168px;
					background-position: -615px 0px;
				}
					#navigation ul li.six a:hover { background-position: -615px -58px; }
					#navigation ul li.six a#active { background-position: -615px 58px; }