Есть 3 элемента - кнопки,они находятся в контейнере (tabs-container)...пожалуйста,помогите сделать border вокруг этих 3 кнопок не задевая border (tabs-container). Border должен обводить все 3 кнопки вместе,а не как не по отдельности. Заранее благодарен P.S в tabs-container кроме кнопок содержится 3 фрейма с видео. Вот песочница : http://cssdesk.com/gnjPZ <div class="tabs-container"> <ul class="tabs-navigation"> <li class=""><a href="#tab-1">Кнопка 1</a></li> <li class=""><a href="#tab-2">Кнопка 2</a></li> <li class=""><a href="#tab-3">Кнопка 3</a></li> </ul> </div> .tabs-container{padding:0;display:block;clear:both;height:365px} .tabs-navigation{margin:0;height:20px;clear:both;padding-bottom: 5%;} .tabs-navigation li{float:left;list-style:none} .tabs-navigation li a{display:block;padding:0 15px;height:20px;color:#969696;font-size:13px;line-height:20px;text-decoration:none;background:#F0F0F0;font-weight:700} .tabs-navigation li.selected a,.tabs-navigation li:hover a{color:white;background:#0099bf;}