hover проблем

[teroristd]

Здравейте, имам следния проблем. Когато посочиш картинката се сменя бекграунда, който съм направил да е като бордер и в долния десен ъгъл се появява текст, но ако посочиш долния десен ъгъл където е текста се появява само той, а бекграунда на картинката не се сменя, а аз искам двете едновремено да се сменят независимо къде сочиш. Ето кода който ползвам. Мерси.


HTML

<div class='pic'>

<a href='#'>

<img src='images/2km6kq.jpg' />

<span class='desc'>name</span>

</a>

</div>

CSS

.pic { overflow:hidden; float:left; position:relative; }
.pic a { text-decoration:none; float:left;  }
.pic a:hover { cursor:pointer; }
.pic a img { float:left; padding:3px; background:#fff; width:214px; }
.pic a img:hover { float:left; padding:3px; background:#333; width:214px; }
.pic a .desc { display:none; }
.pic a:hover .desc { display:block; width:70px; text-align:center; font-size:13px; background:#333; color:#fff; padding:2px; position:absolute; bottom:0px; right:0px; }

[/html]

 

[tedo96]

[css]


.pic { overflow:hidden; float:left; position:relative; }
.pic a { text-decoration:none; float:left; }
.pic a:hover { cursorointer; }
.pic a img { float:left; padding:3px; background:#fff; width:214px; }
.pic a img:hover { float:left; padding:3px; background:#333; width:214px; }
.pic a .desc { display:none; }
.desc a:hover { display:block; width:70px; text-align:center; font-size:13px; background:#333; color:#fff; padding:2px; position:absolute; bottom:0px; right:0px; }

[/css]
Така мисля, че ще стане. Не мога да разбера защо слагаш картинка като може просто да сложиш border: 1px solid #000;

 

[teroristd]

не си ме разбрал това е снимка а бекграунда с падинг играе ролята на бордер може и така както си казал но понеже от вънка ще има още един бордер съм го направил така, демек ще е така

.pic a img { background:#fff; padding:3px; width:220px; border:1px solid #ccc; }

но не ми е това проблема.