Форумы портала PHP.SU :: Помогите новичку в контейнерной верстке

Здравствуйте, давненько уже не бывал на этом замечательном форуме, поскольку работенки связанной с web не было. И вот привалило. Попросили сверстать шаблон для DLE. Я в верстке не силен, так подправить где-то что-то ну и максимум чем я могу верстать так это таблицами... PSD макет заказчика показался не сложным и взялся за его верстку. Решился так сказать раз и на всегда разобраться с этими div'ами! Почти закончил верстку всей страницы, остался, как мне кажется самый сложный элемент. Верхнее меню. Заказчик хочет, что бы пункт меню, в котором сейчас находиться посетитель выделялся особым образом (как сменить класс дива через $_SERVER['REQUEST_URI'] я знаю, с этим проблем нет), проблема в верстке самого элемента. Страница доступна по адресу led.nkl.su. Нужно что бы было так, как на рисунке 1.

Нажмите для увеличения

рисунок 1
Вот код main.tpl:

Спойлер (Отобразить)

CODE (htmlphp):
скопировать код в буфер обмена

 
body            {margin:0;
                background:url(../img/bg.gif)}
p               {margin:0px;
                text-indent:1.5em;
                text-align:justify;
                font-size:12pt}
.us             {text-indent:0em;
                text-align:right;}
#bkg            {width:100%;
                height:100%}
#header         {background-color:black;
                background:url(../img/header.jpg) no-repeat;
                position:relative;
                border-left-style:solid;
                border-right-style:solid;
                border-color:white;
                border-left-width:5px;
                border-right-width:5px; 
                height:300px;
                width:990px;
                margin-left:auto;
                margin-right:auto;}
#logo           {position:relative;
                width:298px;
                height:68px;
                left:22px;
                top:20px}
#content        {background-color:white;
                position:relative;
                border-top-style:solid;
                border-top-width:5px;
                border-top-color:88a4b0;
                width:1000px;
                margin:0 auto;
                top:-80px}
#footer         {background-color:#EEEEEE;
                position:relative;
                width:1000px;
                height:100px;
                margin:0 auto;
                top:-96px}
#top_foot       {background-color:white;
                background:url(../img/logo_ft.png) repeat-x;
                border-bottom-style:solid;
                border-bottom-color:#D3D3D3;
                border-bottom-width:1px;
                top:-20px;
                left:0px;
                width:100%;
                height:18px}
 
#top_menu       {background-color:#9999cc;
                opacity:0.3;
                position:relative;
                margin-left:auto;
                margin-right:auto;
                width:1000px;
                height:40px;
                top:-80px}
#top_menu_base  {position:relative;
                margin-left:auto;
                margin-right:auto;
                width:980px;
                height:40px;
                top:-30px}
#menu_link      {color:white;
                margin-left:10px;
                text-align:center;
                float:left;
                font-size:16pt;}
#base-short     {margin:15px;}
#foot_logo      {position:relative;
                background:url(../img/logo_ft.png) no-repeat;
                width:250px;
                top:10px;
                left:20px;
                height:37px;
                text-align:right;
                color:#D3D3D3;
                font-size:10pt;}
 
 