a href.........

[Kapitann]

Хочу сделать такое как на этом сайте при наведении мышкой на Пункт - Главная, Об авторе и т.д.
чтоб так выделялся пункт меню.

Меню делаю на шапке позиционированием.

 <a href="index.php" class="m1">Главная</а>

СТИЛИ

.m1{position:relative; top:-32px; left:-190px;
font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCFF99;
text-decoration:none; }

.m1:hover{width:400px; height:70px; background:#92dbd9; color:white; }

Проблема в том, что не происходит при наведении пункт меню не делается так как на http://russeler.com
Как сделать так как там?

[Виталий Желтяков]

text-decoration:underline;

[Kapitann]

Вот тестовую для примера сделал что у меня выходит.
Я не могу сделать так чтоб выделялся квадрат побольше, а не выделялась только ссылка.
Вот такое фото при наведении хочу получить.
http://ipicture.ru/uploads/101020/Nq354Ze2RT.jpg

[Никки]

.m1:hover{width:400px; height:70px; background:white; color:black; border: solid 1px black; padding:5px;}

[Kapitann]

Вот моя шапка, и модернизированный код. Проблема в том, что текст при наведении опускается вместе со всем, просто я хочу сделать чтоб верхнюю линиюю меню не закрывала картинка, которая будет отображаться при наведении мышью. http://www.sharemania.ru/0296779
Чтоб текст главная не опускался вниз надо.

[shevron]

Возьми готовое меню и подставь туда свою картинку, самый простой вариант для тебя