Problem with IE6 and a menu

IE6 shakes my page!

[Gabriele]

Hi all!
I have this code:

body {
 margin: 0;
 padding: 10%;
 background: #ffffe5;
 color: #000;
 font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#corpo {
 width: 100%;
 margin: 0;
 padding: 0;
 background: transparent;
 color: #000;
}
#intestazione {
 width: 100%;
 margin: 0;
 padding: 0;
 background: #c00000;
 color: #fff;
 border: 2px solid #000;
}
#intestazione h1 {
 font: 250% Georgia, serif;
 margin: 0;
 padding: 1em;
 text-align: center;
 text-transform: uppercase;
}
#testo {
 width: 100%;
 margin: 0;
 padding: 0;
 background: #f8f8ee;
 color: #000;
 border-right: 2px solid #000;
 border-left: 2px solid #000;
 border-bottom: 2px solid #000;
 border-top: none;
}
#testo h2, #testo h3, #testo p {
 margin: 0 1em;
 padding: 1em 0 1em 0;
}
#testo h2, #testo h3 {
 color: #900000;
 background: transparent;
 font-family: Georgia, serif;
 border-bottom: 1px dashed #900000;
}
#testo h2 {
 font-size: 140%;
}
#testo h3 {
 font-size: 120%;
}
#testo p {
 line-height: 1.5em;
}
#testo h1 {
 text-align: center;
 margin: 0 1em;
 padding: 1em 0 1em 0;
 background: #ffc;
 color: #008;
 font: bold 160% Arial, Helvetica, sans-serif;
 border-bottom: 1px dashed #008;
 border-left: 1px dashed #008;
 border-right: 1px dashed #008;
 border-top: none;
 text-transform: uppercase;
}
.nota {
 font-weight: bold;
 color: #900000;
 background: transparent;
 margin-right: 2px;
}
.jim {
 float: left;
 width: 179px;
 height: 130px;
 margin-right: 8px;
 margin-bottom: 5px;
 padding: 0;
 display: block;
 border: 1px solid #000;
}
.logo {
 float: left;
 width: 83px;
 height: 124px;
 margin-right: 8px;
 margin-bottom: 5px;
 padding: 0;
 display: block;
 border: 1px solid #000;
}
#footer {
 width: 100%;
 background: #c00000;
 color: #fff;
 margin: 0;
 padding: 0;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 border-bottom: 2px solid #000;
 border-top: none;
}
#menu {
 margin: 0;
 padding: 0;
 list-style: none;
 height: 2em;
}
#menu li {
 float: left;
}
#menu a {
 float: left;
 height: 2em;
 line-height: 2em;
 padding: 0 0.7em;
 text-decoration: none;
 white-space: nowrap;
 background: #c00000;
 color: #fff;
 font-weight: bold;
}
#menu a:hover {
 color: #ffc;
 background: #000;
}

IE "shakes" the page when I move the cursor on a link contained in the #menu section (which is contained in the #footer section). What could I do? thank for your answers! Have a good new year!

Gabriele

[nfs2]

#menu a {
float: left;
height: 2em;
line-height: 2em;
padding: 0 0.7em;
text-decoration: none;
white-space: nowrap;
background: #c00000;
color: #fff;
font-weight: bold;
}

Just a guess, but on your menu link css, you have various attributes not found in the hover code below

#menu a:hover {
color: #ffc;
background: #000;
}

This would make me think that whenever you hover a link, the spacing and everything from the missing code would be off. Try making the code identical except for the stuff you want to chanhe when its hovered