Souci de RollOver CSS avec IE8

Bonjour,

Dans le cadre d'un petit site, j'ai intégré une <div> contenant elle-même une balise
<a href> avec un rollover css.

Sur FireFox je n'ai bien entendu aucun souci, mais par contre sous IE8, (et peut-être voire sûrement les précédents) je n'ai pas accès au lien.

Voici le bout de code concerné.

en html :

<div id="submenu"> 
	<a href="index.php" class="accueil" title="Accueil"></a>
</div>
<div style="clear: both;"></div>
<div id="page-header"></div>
<div id='wrap'>
    <div class='float-gauche01'>
     ......

et le CSS y relatif

#submenu { 
	background : url("../monimagede fond1.png") no-repeat 0% 0%; 
	width : 149px; 
	height : 114px; 
	float : left; 
	margin-top : 0; 
	padding-left : 10px;
	}

* html #submenu { 
	background : url("../monimagedefond2.gif") no-repeat;
	}
	
*#submenu a { 
	margin-top : 45px; 
	float : left; 
	}

#page-header { 
	background : url("../monimage3.png") no-repeat; 
	padding : 0 20px; 
	min-height : 200px; 
	min-width : 950px; 
	width : 950px; 
	margin: -100px auto;
	}

a { 
	outline: none;
	background : no-repeat;
	display : block;
	overflow : hidden;
	}

a.accueil { 
	background : url("../mon imagedelien.gif") 0% -35px;
	margin-left: 10px; 
	width : 108px; 
	height : 35px; 
	}

a.accueil:hover { 
	background-position : 0% 1px; 
	}

D'après les validateurs html et css, mon code ne possède pas d'erreur, mais je dois bien avoir fait quelque chose de faux pour que ce lien ne soit pas cliquable.

Merci d'avance si vous pouviez tenter de m'aider à trouver une solution.