Mi problema es el siguiente, es un diseño de 3 columnas:
#container tiene un width de 54%
#center un márgen izquierdo y derecho de 20,8%
Por lo tanto las dos columnas de sus lados deben tener uno de 19,8€ dejando un 1% de espacio.
Por lo tanto #menu tiene 19,8% pero la columna de la derecha está formada por dos div's (una arriba y a la otra abajo)
estás han de tener padding, tiene un 1% de padding por lo que su tamaño será de 17,8% dejando el 1% de espacio.

/* centre div style */
#center{
width:auto;
margin:0% 20.8%;
padding:0%;
}

/* div update & lateral right*/
#lateral, #update{
width:17.8%;
margin:0%;
padding:1%;
display:block;
text-align:left;
float:right;
background:#FA6494 url(images/bgright.jpg) repeat-x top;
color:white;
font-size:0.83em;
}

/* div update right*/
#update{
clear:right;
display: inline;
}
#update ul{
margin:0px;
padding:0px;
list-style:none;
}
#update li{
padding:0px;
margin-bottom:4px;
display:block;
width: auto;
}

/* div lateral right*/
#lateral{
display: inline;
}
#lateral ul{
margin:0px;
padding:0px;
list-style:none;
}
#lateral li{
padding:0px;
margin-bottom:14px;
display:block;
width: auto;
}

/* menu left */
#menu{
width: 19.8%;
margin:0px;
float:left;
background:#FA6494 url(images/bgmenu.jpg) no-repeat top;
text-align: left;
color:white;
}
#menu ul li{
margin:0px;
padding: 0px;
list-style-type: none;
}
#menu li a {
padding: 2%;
margin:2% 0%;
background-color:transparent;
color: white;
font-size:14px;
font-weight: bold;
text-decoration: none;
display: block;
}
#menu li a:hover {
background:#FF6699 url(images/bgmenub.jpg) repeat center;
color:white;
}

Firefox perfecto pero IE no muestra el 1% de padding....
Por qué?

Gracias