у меня проблема состоит в том, что FF не показывает рамку для картинки-ссылки, корректно как в IE.

вот код картинки:
<a class="photo" href="http://randrs.ru"><img src="3.jpg" width="167" height="124" border="0"></a>

#photo a:link{border: 2px solid Black;
    width: 180px;
    height: 135px;}
#photo a:hover{border: 2px solid #ffffff;
    width: 180px;
    height: 135px;}

в IE происходит растягивается под размер картинки, а в FF рамка не растягивается под размер картинки а просто вытянута в строчку высотой около 20px
замена widht на % тож не помогает, и если убрать height тоже.Я так понимаю, просто там что-то еще прописать нужно или же заменить эти.

Обьясните плиз что я делаю не так.
спасибо.

А зачем вы делаете рамку  у ссылки? Сделайте её у картинки и всё будет ОК.

не работает у картинки, она получается "статической" то есть, просто появляется рамка, но она не меняет свой цвет при наведении

Выделить код

Код:

#photo a img { border: 2px solid #000 }
#photo a:hover img {border-color: #fff }
#photo a:hover { color: #001 } /* for stupid IE */

Уже было обрадовался... но все равно не работает. Опять в IE работает в FF нет. Пробовал к разным типам применять и к "table" и к "a" и к "img" - все равно не помогает :cry:

Короче, ссылку в студию. По вашему плачу ничего не понятно.

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td id="photo"><a href="http://randrs.ru/">
        <img border="0" src="3.jpg" width="167" height="124"></a></td>
    </tr>
</table>

применял id и не только к <td> и к <a>

#photo a img { border: 2px solid #000 }
#photo a:hover img {border: 2px solid #fff }
#photo a:hover { color: #001 }

Это ничего не значащий кусок кода. Нужен адрес страницы или полный код.

Добавлено Thu Nov  1 12:29:25 2007 :
В конце-концов, кому тут нужна помощь, мне или вам?