BIld nicht mit unterstreichen bei MouseOver

Hallo,

bastle gerade an meinem ersten Blog und stehe vor folgendem Problem:
Mein Links werden bei MouseOver unterstrichen, was zur Folge hat, dass in Firefox auch die verlinkten Bilder untterstrichen werden. Kann ich das irgendwie im CSS ändern, ohne dass bei jedem Bildlink eine Klasse angegeben wird, die dies verhindert?

Ich poste mal die relevanten CSS-Passagen und wäre über jede Hilfe dankbar:

a:hover{
text-decoration:none;
border-bottom-style:dotted;
border-bottom-width:thin;
}

und

.entrybody img {
    padding: 4px;
    border: 1px dotted #DFDFDF;
}

Wenn ich allerdings für .entrybody das Unterstreichen deaktiviere, habe ich es ja auch bei den Links nicht mehr.

Danke für die Antwort, aber so geht das leider nicht! So verschwindet zwar der Rahmen um das Bild, der nicht verschwinden soll, aber die unterstrichene Linie bleibt.

Philipp York Martin

Ist aber erstmal nur zum testem. Das zweite Bild ist velinkt.

Nicht ganz. Aber so klappt es jetzt. Vielen Dank!

.entrybody .lightbox a:hover {
border:none;
}

.entrybody img {
padding: 4px;
border: 1px solid #DFDFDF;
}

.entrybody a img {
padding: 4px;
border: 1px dotted #DFDFDF;
}

.entrybody a:hover img {
border-style:solid;
}

Ärgerlicher Nebeneffekt seitdem das div-tag eingefügt ist. Die Navi rutscht bei der Suche nach unten:

Philipp York Martin

Woran kann das liegen?

Mit p statt div, um die Klasse aufzurufen, funktioniert es. Vielen Dank noch mal!