составной фон в ie7

[cyklop77]

прошу помощи в решении еще одной типовой задачи.

в нижней части этой страницы поместил фон, состоящий из 2 частей:

1. фон определенной ширины (с изображениями кривых)

2. узкая вертикальная полоска фона, повторяющаяся по горизонтальной оси.(располагается под фоном1)

поведение полученной страницы меня устраивает. но ie7 добавляет вниз страницы белую область, а она не нужна. можно ли исправить?

ps

пробовал помещать фон1 в .footer ,в результате он по краям обрезался и плавного перехода в фон2 и не было

Edited December 1, 2011 by cyklop77

[SelenIT]

Не вдавался в детали, но вроде помогает margin-bottom: -556px для .bgB1. Но вообще зачем так сложно? Почему бы просто не положить оба фона на два вложенных контейнера (хоть те же html и body)?

[cyklop77]

не помогло к сожалению. использовать html и body как вы предлагаете не получится в моем случае, так как подобные фоны запланированы еще и в верхней части

upd: я понял ваш совет про вложенные контейнеры. сделал так

<div class="bgB2">
         <div class="bgB1"></div>
</div>	

	.main .bgB1{	
		background: url('../images/bg_B1.png') center bottom no-repeat;		
		max-width: 1400px;
		height: 556px;
		margin: 0 auto;

	}

	.main .bgB2{	
		background: url('../images/bg_B2.png') center bottom repeat-x;		
		width: 100%;
		height: 556px;		
		position: absolute;
		bottom: 0;

	}	

и решил проблему

Edited December 1, 2011 by cyklop77