Как сделать нажитие не на ссылку а на кнопку? - Вопросы по CSS

Парни, подскажите как можно сделать ссылку на саму кнопку а не на ссылку в ней.

см. картинку.

играясь со свойством padding текста, увеличить до размеров синего фона и вместо картинки лучше давать работающий пример

играясь со свойством padding текста, увеличить до размеров синего фона и вместо картинки лучше давать работающий пример

Пожалуйста, вот рабочий пример http://uac___lean.com/  (уберите нижние подчеркивания)

С паддингом что то не выходит...

просто добавляете к ссылке свойство display:block;

в вашем случае в http://uaclean.com/templates/j-tpl/css/style.css на 51 строке

.menu_s li a {
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    text-decoration: none;
    width: auto;
}

А еще здесь

.menu_s li {
    background: none repeat scroll 0 0 #0099FF;
    border: 1px solid #0066FF;
    display: block;
    list-style: none outside none;
    margin-bottom: 3px;
    width: 170px;
    padding: 5px;  вот это вырезать и перенести сверху к ссылке
}

просто добавляете к ссылке свойство display:block;

в вашем случае в http://uaclean.com/templates/j-tpl/css/style.css на 51 строке

.menu_s li a {
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    text-decoration: none;
    width: auto;
}

Спасибо, помогло но не полностью. Вот если посмотреть на верхнее меню, то там ссылка в любой точке кнопки, а в левом меню, кнопка не полностью ссылится.

Спасибо, помогло но не полностью. Вот если посмотреть на верхнее меню, то там ссылка в любой точке кнопки, а в левом меню, кнопка не полностью ссылится.

а выше пост прочитать не судьба?)

судьба 

судьба 

так вы что опять padding поставили в li? KExit к ссылке a припишите его и будет все ок? или что?