Mezery v IE

Dobrý den,
IE mi dělá malý asi 3px mezírky. Nedělá to u všeho jen ty dvě menu. Prosím poradte prědem děkuji

/* CSS Powerleveling */

body { background-color: ;
text-align: center;

}

.stranka { width: 780px;
height: 700px;
border: 1px solid black;
margin: 0 auto;

}

.hlavicka { width: 100%;
height: 160px;

}

.lista { width: 100%;
height: 25px;
float: left;
margin: 0 0;
border-bottom: 1px solid white;
border-top: 1px solid white;

}

.obsah { width: 615px;
height: 480px;
margin: 0 auto;
float: right;
text-align: left;
background-color: ;

}

.obsah-oprava { padding: 0.5em; }

.paticka { width: 100%;
height: 25px;
border: 1px solid blue;
float: left;
clear: both;

}

#menu { width: 100%;
height: 25px;
float: left;
background-color: #900000;

}

#menu ul { padding: 0;
margin: 3px;
text-align: center;

}

#menu ul li { display: inline;

}

#menu ul { font-weight: bold;
font-size: 1em;

}

#menu ul li a { border-right: 1px solid #757575;
padding: 0 4% 0 4%;
margin: 0;
letter-spacing: 1px;
text-decoration: none;
font-family: ;
color: white;

}

#menu ul li a:hover { border-right: 1px solid #757575;
text-decoration: none;
background-color: #900000;
color: #FFFFFF;

}


#menu2 { margin: 0 auto;
float: left;
height: 160px;
width: 160px;

}


#menu2 a { text-align: left;
padding: 0 0 0 1em;
display: block;
width: 155px;
height: 30px;
color: #FFF;
background: url("menu.png") 0 0 no-repeat;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
margin: 1px 0;

}

#menu2 a:hover {
background-position: 0 -30px;
color: FFFF;

}

#menu2 a:active {
background-position: 0 -60px;
color:white;

}

#outer span {
display: block;
margin:0;
padding: 2px 0 0 0;

}

Zkoušel jsem to podle návodu a u firefoxu se to pak taky posune o 3px a pak je to zas mimo stránku.