Salve a tutti,

ho un problema con IE6 e 7 (i due browser con i quali ho testato la pagina a parte firefox con cui funziona perfettamente), riguarda la background-image che voglio dare ad una serie link all'interno di un div con larghezza fissa. Se il testo di un link è costretto a mettersi su due righe (va a capo ovviamente quando non ci sta dentro al div a larghezza fissa) succede che la background-image non viene visualizzata correttamente.

Ecco un esempio: http://www.ischiablog.it/test.htm

Incollate questo link in Internet Explorer, noterete che l'immagine di sfondo del LINK2 va a posizionarsi non subito prima del reale inizio del link ma prende come inizio la parte di link che va a capo. È molto più semplice andare a vedere che spiegarlo.

Ad ogni modo riposto qui anche il codice html della pagina di test linkata sopra:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<style>
body {
font-family:arial,helvetica,verdana,sans-serif;
font-size:14px;
}

.links {
width:200px;
}

.links a {
background-image:url(/NewBlog/images/favourite_yell.gif);
background-repeat:no-repeat;
background-position:0px 3px;
color:#000000;
padding:4px 0pt 4px 16px;
text-decoration:none;
}
</style>
</head>

<body>
<div class="links">
	LINK 1: per questo link l'immagine viene visualizzata correttamente
	LINK 2: per quest'altro iniziano i problemi in quanto IE sembra prendere come x-pos non l'inizio del link reale ma quello della parte di link che va a capo
</div>
</body>
</html>
Spero possiate aiutarmi.