voilà mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>exemple</title>
<style type="text/css" media="screen">
body {
	background-color:white;
}
a {
	text-decoration:none;
	color:#03aF03;
}
img {
	border:0px;
}
a:hover>img{
	text-decoration:none;
}
a:hover {
	text-decoration:underline overline;
	color:green;
}
</style>
</head>
<body> 
<div>
<a href="http://google.fr"> <img src="http://www.google.fr/images/firefox/google.gif" alt="google"/><br />Google</a>
</div>
</body>
</html>
le problème est que le underline overline s'applique aussi sur l'image. ce qui me surprends c'est que quand je retire la déclaration doctype, le problème disparait. mais je veux absolument garder cette déclaration. Ce problème n'aparait que sous firefox.

Le code que j'ai donné n'est évidement pas l'original, mais le bug y est présent.

avez vous des idées pour résoudre mon problème ?