Лишние пиксели по краям div в IE

[alabaha]

http://goodfengshui.ru/

нижнее оформление:

страница:

<div id="footer2">
<div id="btm1"></div>
<div id="btm3"></div>
<div id="footer31"></div>
<div id="footer3"><H2>Телефон: 8(926)533-59-18</H2></div>
</div>

css оформоение:

	#footer2 {
		width: 100%;
		}

	#btm1 {
		float:left;
		width: 315px;
        height: 293px;
        background-image: url(i/btm2.jpg);
		}

	#btm3 {
		float:right;
		width: 315px;
        height: 293px;
        background-image: url(i/btm1.jpg);
		}
	#footer31 {
        height: 252px;
		}
	#footer3 {
        height: 41px;
        background-image: url(i/btmfill.jpg);
		background-repeat: repeat-x;
		text-align: center;
		}

		#footer3  h2 {
		padding:10px 0;
		font-size: 16px;
        color:#ffffff;
		text-align: center;
		}

В IE дает по краям 3 пикселя в разрыв, в опере же заливает фон на всю ширину даже за картинками.

Как исправить?

Или как сделать по другому что бы работало?

[yopopt]

Это «трёхпиксельный баг» IE, вызванный использованием float. Поищите по форуму или спросите у Гугла, поскольку эта проблема хорошо известна и множество раз обсуждалась.