Background image don't stretchs to the bottom

[Maujor]

I've a background image defined in this CSS rule:

body#home #principal {
background: url('../imagens/bg-home.jpg') no-repeat left bottom;
height:400px;
}

I set 400px height for the div#principal in order to make room for the background image.

Compliant browsers render the image positioned as the CSS states, but
Internet Explorer shows one 12 px horizontal, and other 3px vertical left blanK gap around the image.
How to get rid of those unwanted gaps?
Thanks for help

The page is at: Sorry address no more available

[Maujor]

Many thanks all4nerds :-)
Sure, it works fine!