Проблема в том что если картинку поставить перед <a> то будит на строчку наже.
Code
<ul id="menu" width="628px">
<li><a href="">Модели</a></li>
<li>
Суды img <a href="">Потдержанные</a>
</li>
<li>
<a href="">Графика</a>
</li>
<li>
<a href="">Мастерск.</a></li>
</ul>
А вот стили:
Code
#menu {
padding: 0;
margin: 0;
width:53%;
font-family: Georgia;
}
#menu li {
list-style: none;
float: left;
height: 20px;
padding: 3;
margin: 0;
width: 14%;
text-align: left;
position: relative;
padding-top: 1px;
}
#menu li ul {
list-style: none;
padding: 0;
margin: 0;
width: 90%;
display: none;
position: absolute;
left: 0;
top: 20px;
}
#menu li ul li {
float: none;
height: 20px;
margin: 0;
width: 110px;
padding-top: 5px;
text-align: left;
}
#menu li a {
display: block;
width: 150px;
height: 17px;
vertical-align:center;
font-size:8pt;
color: #252232;
font-family:verdana,arial,helvetica;
}
#menu li:hover ul, #menu li.jshover ul {
display: block;
}
#menu li:hover, #menu li.jshover {
background: #e6e6e6;
}
Если картинку заключить в <a>, то когда наводишь курсор на сылку картинка тож выделяется.Что неудобно.Выручаете пожалуйста.