Link-Unterstreichung

[Kaethe]

Hi!

Ich bin Autodidakt und bastele gerade an meinem CSS rum.
Nun brauche ich Hilfe und es wäre toll, wenn ihr mir helfen könntet!

Ich würde gerne vor jeden externen Link auf meiner Seite ein kleines Icon setzen. Das Icon sollte auch anklickbar sein. Nun wird der Text ja unterstrichen (soll er auch), das Icon hätte ich aber gerne Nicht unterstrichen.

Mein CSS code zu dem Icon sieht bis jetzt so aus:

#col2o2 #col2o2content p a img {
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
clear: none;
float: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;

}

Wie schaffe ich es nun, da zu definieren, dass keine Unterstreichung statt findet. Einfach text-decoration: none funktioniert leider nicht. Wird ja wohl von der "Links-immer-unterstreichen-Definition, die ja für die gesamte Seite gilt, überschrieben. Wie schalte ich die aus?

Ich hoffe, ich habe jetzt nicht allzuviel unqualifizierten Blödsinn verzapft und ihr versteht, was ich meine...

Danke!
:-))