Padding no Google Chorme

Pessoal Boa Tarde!

Tenho uma div:

<div id="footer">footer</div>

E seu estilo:

#footer {
width: 936px;
height: auto;
padding: 14px;
display: table;
background-image: url(../images/background-line-dotted.png);
background-position: top;
background-repeat: repeat-x;
}

No Firefox 4 e IE 7 e 8 está corretamente, mas no Google Chorme apresenta o seguinte erro:

Com as somas do padding a largura de footer deveria se estender por 964px (width: 964px + padding-left: 14px + padding-right: 14px), mas aparentemente os 28px do padding estão sendo renderizando dentro da div, porém ignorados na soma da largura (width); Resumindo é como se os valores fossem esse:

#footer {
width: 908px; /change here/

height: auto;
padding: 14px;
display: table;
background-image: url(../images/background-line-dotted.png);
background-position: top;
background-repeat: repeat-x;
}

Alguém sabe porque isso acontece?