Problemer med links på billeder

Hej,

Jeg er i gang med at lave et site, hvor brugere kan oprette blogindlæg vha. en wysiwyg editor.

En designer har allerede lavet design, og her har links i teksten følgende CSS:

a
{
    color:#4a525f;
    background-color: #c0c3c7;
    text-decoration:none;
}

a:hover
{
    color:#ffffff;
    background-color: #4a525f;
}

Hvilket givet dette resultat:
http://infantildata.dk/links/link.jpg

Det virker helt perfekt, men problemet kommer, når brugeren så indsætter et billede i teksten med et link på og f.eks. en bund og top margin på 5px. Så kommer link baggrundsfarven med over på billedes margin og giver en grim kasse rundt om billedet:
http://infantildata.dk/links/link.jpg
(hvis der er float:left på a-taget)

http://infantildata.dk/links/img.jpg
(hvis der er float:left på a-taget)

http://infantildata.dk/links/img2.jpg
(hvis der ikke er float på noget af det)

Og sjovt nok, at der ingen problemer, hvis det er 'float' img-taget... Meget underligt.

Håber I kan hjælpe