помогите сделать так, чтобы при наведении курсора на ссылку под ней появлялась картинка которая сама растягивается под текст
вот сама картинка
пробовал так, но получается бред:
Code
.lcolomn li:hover {font: 11px 'Tahoma';color: #ffffff; text-decoration: none; text-shadow:-1px -1px 0 rgba(71, 98, 114, 1); height:21px; weight:70; display:inline; margin:0; font-weight:70; background: url(/123852/menutop2.png) no-repeat 0 0; }
.lcolomn span li:hover {font: 11px 'Tahoma';color: #ffffff; text-decoration: none; text-shadow:-1px -1px 0 rgba(71, 98, 114, 1); height:24px; display:block; padding:10px 0 0 13px; color:#fff;background: url(/123852/menutop2.png) no-repeat right -21px; }
и ещё вопрос, можно ли писать вот так?? Code
.lcolomn span li:hover
