Помогите решить задачку по CSS. В основной слой (фон), шириной в 100% вписано 2 слоя, один слева, другой справа. Ширина правого слоя фиксирована в пикселях и он прикреплен к правому краю страницы. Необходимо отцентрировать background-image  левого слоя  по расстоянию от левого края страницы до левого края правого слоя.

Ширина левого слоя == ширина основного слоя - ширина правого слоя, так? Тогда

#left {background:url("banner.jpeg") center}/* 50% 50% */

Ужас. В 3 браузерах (IE6 FF1.4 O7.6) по-разному.
Только в осле так, как требуется.

<style>
#back{width:100%; height:100px;
      border:1px green solid;}
#right{position:relative; float:right; height:100px;
       border:1px red solid;width:400;}
#left{position:relative; background: no-repeat url('test.png') center; height:100px;
      border:1px blue solid; width:100%;}
</style>
<div id="back">
 <div id="right"></div>
 <div id="left"></div>
</div>

http://www.ryanbrill.com/floats.htm

Спасибо. Тяжело менять образ мышления после табличной верстки, но после посещения http://www.csszengarden.com/ возвращаться обратно - преступление.