Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px; position:relative; } #menu{ margin-left:21px; margin-right: 23px; float:left; background: url(http://anonymouse.org/cgi-bin/anon-www.cgi/http://forum.htmlbook.ru/'img/bg-menu.png') repeat-x; height: 58px; width: 100%; } #menu-l{ margin: 0; padding: 0; background: url(http://anonymouse.org/cgi-bin/anon-www.cgi/http://forum.htmlbook.ru/'img/bg-menu-l.png') no-repeat 0 bottom; background-position: left; background-repeat: no-repeat; height: 58px; } #menu-r{ background: url(http://anonymouse.org/cgi-bin/anon-www.cgi/http://forum.htmlbook.ru/'img/bg-menu-r.png') no-repeat 0 bottom; background-position: right; background-repeat: no-repeat; height: 58px; } впринципе по идее всё должно работать, так и есть, только одно НО: правые и левые края накладываются на общий фон меню и в итоге этих скруглений не видно. попробовал сдвинуть общий фон вправо margin-left:21px но весь общий фон сдвигается вправо и в итоге получается слева всё хорошо, а справа на 21px вылезает. помогите плиз разобраться