[Resolvido] Largura da div no IE8 maior que a declarada

Um SAAALVE a comunidade!

To com um probleminha chato aqui pessoal por causa do IE8 (não testei em versões inferiores).

A questão é bem simples. Desenhei o site todo via código testando-o no Firefox 3.6 e no Chrome, porém ao abri-lo no IE8 percebi que a coluna da direita foi deslocada para baixo (pois não coube na div container com largura fixa)

A largura total da div container é 980px, fazendo as contas com as duas divs que estão contidas lado a lado elas preenchem com perfeição:

Div (1):

678px - Largura

20px + - Margens

30px + - Paddings

2px + - Bordas

Div (2)

198px - Largura

20px + - Margens

30px + - Paddings

2px + - Bordas

= 980px

De qualquer forma, aquém das contas o resultado foi simples: A Div(2) que deveria possuir 198px de largura foi renderizado no IE8 com 281px. Eu tirei uma screenshot e medi com Photoshop, e eu juro que não entendo por que diabos isso ta acontecendo!

Estou deixando abaixo o codigo do container, da div(1) - conteudo- e da div(2) - login.

#container{
width: 980px;
 float: left;
}
#content{
width: 678px;
text-align: justify;
padding: 15px;
float: left;
background-color: #FFF;
border: solid 1px #999;
margin: 10px;
}
#login{
margin: 10px;
width:198px;
padding: 15px;
float: left;
background-color: #FFF;
border: solid 1px #999;
}

Um forte abraço!

PS.: Depois de postar eu percebi algumas redundancias nesse codigo com a duplicação de caracteristicas que eu ja otimizei em uma class comum as duas divs. Independemente da modificação o problema persiste.