Claro, perdona, se me olvidó decirte que si quitas le quitas el float a la capa #right también tienes que cambiar el width. Pero estoy pensando que tampoco te serviría porque si la capa derecha llega a tener más contenido que la izquierda, rellenaría el espacio por abajo.
Me explico:
Código HTML:
#right
{
width: 98%;
background: pink;
}
En IE te deja ese hueco porque no entiende muy bien el concepto de padding... Si no haces cálculos del ancho, IE seguro que lo muestra bien. Vamos, que si cambias a esto:
Código HTML:
#left
{
float: left;
width: 70%;
padding: 1%;
background: blue;
}
#right
{
float: right;
width: 30%;
padding: 1%;
background: pink;
}
En IE se ve bien pero en los otros no. Podrías utilizar un comentario condicional para importar un css con instrucciones precisas para IE.