Verschieben der Hintergrundgrafiken anderer div's bei Links

[Længlich]

Lotjani!

aufgrund besserer Semantik und der konsequenten Trennung von Inhalt und Layout, würde ich Länglichs Lösungsvorschlag vorziehen der allerdings in IE<8 nicht funktioniert, da diese keinen generierten Inhalt kennen.

Man kann :before und :after mit einer expression nachbauen:
border-collapse:expression((new Function('elem', 'var span=document.createElement("span");span.className="after";elem.appendChild(span);span.innerHTML=" ";elem.style.borderCollapse="separate"'))(this));

Und dann entsprechend in allen Browsern selektieren:

a:after, a .after {...}  
a:hover:after, a:hover .after {...}

Statt border-collapse geht jede Eigenschaft, die a. nicht gebraucht wird und die b. der IE kennt. Ich nehme sehr gerne border-collapse und table-layout, weil die bei Nicht-Tabellen nie gebraucht werden.

Viele Grüße vom Længlich