border вокруг кнопок

[micron]

Есть 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;}

[wwt]

задать бордюр тегу UL

Хотя вам не поможет у вас там отступы и высота задана.

http://cssdesk.com/xBpmj

Добавить обертку а ul стилизовать уже под бордюр

Edited June 14, 2013 by wwt

[micron]

задать бордюр тегу UL

Хотя вам не поможет у вас там отступы и высота задана.

http://cssdesk.com/xBpmj

Добавить обертку а ul стилизовать уже под бордюр

Спасибо большое))

Edited June 14, 2013 by micron