Здравствуйте! Проблема такая: Есть шапка сайта, по бокам которой слоем идут две колонны и в центре бэкграунд-имэйджем картинка с лого: проблема в том, что, если разрешение монитора больше моего (1366px), то правая колонна остаётся на месте где-бы она находилась в развёрнутом окне на моём экране, а фон повторяется. и ещё нужно, чтобы колонна была резиновой и при уменьшении окна браузера была прижата к его стенке, но не закрывая при этом логотип. желательно наверное, чтобы и то, что в центре растягивалось? в чём проблема? вот код: СSS: body { background-image: url(img/fon.png);} #outer_wrapper { min-width:740px; width:100%; background:#fff url(left.gif) repeat-y left } #wrapper { background:url(right.gif) repeat-y right } #header { background-image: url(img/head2.png); width:100%; margin:0px display:table; } #container { float:left; width:100%; display:inline; margin-left:-200px } Html <body> <div id="outer_wrapper"> <div id="wrapper"> <div id="header"> <div class="leftcollumn" style="float:left; width:300px;"> <img src="img/collumn1.png" alt=""> </div> <!-- /lcol--> <div class="rightcollumn" style="margin-left:1225px; "> <img src="img/collumn1.png" alt=""> </div> <!-- /lcol--> <div class="menu"> <ul> <li><a href="#" >Главная</a></li> <li><a href="#" id="current">Услуги</a> <ul> <li><a href="#">Парикмахерные услуги</a></li> <li><a href="#">Уход за волосами</a></li> <li><a href="#">Окрашивание волос</a></li> <li><a href="#">Укладки</a></li> <li><a href="#">Прически</a></li> <li><a href="#">Маникюр</a></li> <li><a href="#">Педикюр</a></li> </ul> </li> <li><a href="/faq.php">Цены</a> <ul> <li><a href="#">s</a></li> <li><a href="#">s</a></li> <li><a href="#">s</a></li> <li><a href="#">s</a></li> </ul> </li> <li><a href="/contact/contact.php">Контакты</a></li> </ul> </div> </div> <!-- /lcol--> </div><!-- /header --> Заранее спасибо!