Chcę zrobić to za pomocą stylów równie dobrze mógłbym to zrobić w JS ale chcę w CSS. Chodzi tutaj że mam sobie jakiś rysunek i po najechaniu na niego pojawia się ramka trzeba chyba coś ze znacznikiem "hover" ?

Dokładnie - poczytaj o pseudo klasie :hover w CSS(kursów CSS jest od groma). W IE6, jeżeli chcesz wspierać tą przeglądarkę ta pseudo klasa działa tylko na znaczniku hiperłącza <a>

spróbuj tak:
#img
{
border: 0px solid;
}
#img:hover
{
border: 5px solid;
}

<img src="obr.jpg" id="img" src="" alt="">

[HTML] pobierz, plaintext 
img { border: 0px; }
img:hover { border:1px; }
[HTML] pobierz, plaintext 

Fajnie, że to pod IE zadziała...

Albo whatever:hover, albo ustawiać dla a.

"(...)pewien bystry programista Peter Nederlof wpadł na pomysł jak rozwiązać ten problem. Utworzył plik o nazwie csshover.htc, które trzeba dołączyć do arkusza stylów za pomocą specjalnej właściwości behavior"
Charles Wake-Smith

Albo nie bawić się w archeologa - błąd ten występuje tylko w IE6(i niższych)

PS. Ja się bawię