petit probleme de CSS

Première chose : quand tu postes du code, utilise la balise [code] prévue à cet effet : bouton  ..

Ensuite, pense toujours à aérer un minimum ton code, c'est toujours plus facile à lire, surtout pour toi.. Quelques espaces de séparation et des tabulations pour indiquer les arborescences au sein des groupes d'objets (exemple : l'objet "fils" en retrait par rapport à l'objet "parent", que ce soit dans les CSS comme dans le code (X)HTML ; si tu peux, évidemment  )..

Et c'est inutile de redéfinir des règles qui, en CSS, sont héritables et héritées d'objet parent en objet enfant.. Ce n'est toutefois pas toujours vrai, selon les cas..

Apparemment, ton image n'est pas correctement définie : je ne vois pas la définition de ses dimensions dans ta CSS (les attributs de dimensions devienne inutiles dans le code HTML).. Sinon, il y a une erreur dans ta définition de bordure d'image : c'est 'border', et pas 'border-style'..

body {background-color: #8f1818; font-size: 8pt; font-family: Verdana, sans-serif; color: white; }

 
a { margin: 0px; padding: 0px; background-color: white; color: white; text-decoration: none; font-weight: bold; }

    a:hover { color: #d7d7d7; } // ici, comme pour n'importe quel objet, la pseudo-classe de survol hérite normalement des propriétés de l'objet parent <a> (à vérifier tout de même)

 
img { border: none; width: 100px; height: 50px; } // j'ai ajouté des tailles totalement arbitraires, mais c'est pour l'exemple

Pour l'image, tu peux ajouter la règle 'display: block' dans le cas où ton image est "indépendante" dans la page.. Sinon, elle est considérée par défaut comme 'display: inline' (objet "en ligne", notamment lorsqu'on insère une image dans le texte d'un paragraphe)..

Sinon, si ça ne fonctionne pas, il faudra qu'en plus des règles CSS tu postes aussi l'extrait de code HTML concernant ton lien  ..

 

Merci bien.  
J'ai suivi ton conseil pour l'héritage.
Pour l'image j'ai mis vertical-align:bottom