Internet Explorer fait des siennes !

Bonjour à tous !
Ca fait plusieurs jours que j'ai un problème avec mon site. Il est en CSS et IE cré un bug assez bizarre.
Voilà un exemple du bug :
http://www.webown.net/kits.php (regardez le bien sous IE).
Le fond gris ne s'affiche pas, il ne s'affiche que lorsqu'on passe la souris sur les liens.
En fait il y a deux moyens pour que le bug ne se fasse pas :
- faire un plus grand cadre (j'ai essayé de mettre "blabla <br />" copié plein de fois et ca marchait).
- mettre deux cadres, un exemple pour ca :
http://www.webown.net/gmodule.php
J'y ai créé un cadre essai pour essayer car avant ca faisait le meme bug que pour l'autre page, et la maintenant ca marche.
Mais encore c'est pas tout le temps, il arrive que des fois meme avec plusieurs cadres sur certains ca bug.
J'ai essayé plein de trucs mais rien ne marche.
Voilà le code HTML d'un cadre :

<!-- début d'un cadre 2 -->
		<div class="cadre2">
			
			<div class="cadre2haut">
				<h1> Titre </h1>
				<h2></h2>
			</div>
			
			<div class="cadre2milieu">
				<p> 
				Texte
				</p>
			</div>
			
			<div class="cadre2bas">
				<h1></h1>
				<h2></h2>
			</div>
			
		</div>
		<!-- fin d'un cadre 2 -->

Et voilà le code CSS de ce cadre :

.cadre2
	{
	margin: 12px;
	margin-top: 3px;
	}
		
		.cadre2haut
		{
		height: 20px;
		margin: 0px;
		background: url('haut_cadre.png') repeat-x;
		}
			
			.cadre2haut h1
			{
			float: left;
			margin: 0px;
			height: 20px;
			padding-left: 60px;
			padding-top: 1px;
			background: url('titre_cadre.png') no-repeat;
			font-size: 1em;
			}
			
			.cadre2haut h2
			{
			margin: 0px;
			font-size: 0.1em;
			}
		
		.cadre2milieu
		{
		background: url('gris.png');
		border: 1px solid #FFFFFF;
		}
			
			.cadre2milieu p
			{
			margin: 0px;
			padding: 7px;
			}

Voilà, en espérant que vous pourrez trouver une solution a mon problème, merci beaucoup !!