Проблемы с фоном для a:hover

[method]

Короче у меня есть меню. Для каждого элемента ставлю margin left right 10px, и для а хувер ставлю задний фон, задний фон у меня покрывает только текст, а мне нужно чтобы он покрывал весь блок в котором находится текст, он марджины не покрывает, как решить данную проблему?

[method]

Html код:
















Css код:

.line2 {background-image:url(img/libe_ver.gif);
width:1px;
height:49px;
float:left;}

.menu_block {float:left;
margin: 10px 10px 0 10px;
display:block;}

.menu_block a:link {color:#FFFFFF;
text-decoration:none;}

.menu_block a:visited {color:#FFFFFF;
text-decoration:none;}

.menu_block a:hover {background-image:url(img/libe_ver_menu.gif);}

.text_menu {color:#FFFFFF;
font-family:"Trebuchet MS";
font-size:20px;
font-weight:bold;}

[MISTerio]

method, все дело в том, что Вы применяете фон к инлайновому (встроенному, строчному) элементу, к тегу <a>. Чтобы фон заполнял весь родительский блок, необходимо его применить к блочному элементу, либо к <div>, либо к тегу <a>, но поставить ему значение «display: block;».

[method]

а можно поподробнее как это сделать а то я так и не понял как решить проблему?

[Aykroyd]

он марджины не покрывает

И правильно делает. Марджины – они как раз и отличаются от паддингов тем, что ни них никогда не распространяются фоновые изображения. Ни для каких элементов. Ну и про блочные ссылки Вам правильно подсказали.


В догонку: [Только зарегистрированные пользователи могут видеть ссылки. ], [Только зарегистрированные пользователи могут видеть ссылки. ].