Как расположить вкладки справа от панели вкладок?

Question

Мне нужно иметь несколько вкладок на левой стороне панели, как обычно, и 2 вкладки расположены на правом конце панели.

Мой файл jsFiddle здесь

Панель вкладок должна находиться в некоторой точке в нижней части экрана. Следовательно, я должен позиционировать его как абсолют . Следовательно, я не могу найти тег относительно к панели.

Я пробовал float: правильно , но это тоже не сработало.

Любое предложение, пожалуйста?

Answer 1

Получается ли это в правильном направлении:

.tab-box {
    margin: 0;
    position: absolute;  /*I need to fix these tabs at some point at the bottom part of the screen*/
    bottom: 248px;
    left: 0;    
}
#complexTab {
    width:100%;
}
.tab-box a {
    font-family:Helvetica, Arial, sans-serif;
    border: 1px solid #3A3D42;
    color: #666666;
    padding: 5px 5px;
    background-color: #eee;        
     float:right;       
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;    
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    margin: -2px;   /*remove space btw tabs*/
}

.tab-box a:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
}

.tabcontent {
    height:248px;
    margin:0;
    padding:0;
    overflow:hidden;
    border-top:1px solid #3A3D42;

    background-color:#757D8A;

    box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;

    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.hiden {
    display : none; 
}