Span en float dans un button sous ie7

Bonjour, j'ai un problème avec les "button" sous ie7.
Je met des span dans une balise button et je voudrai les mettre cote a cote en pouvant leurs spécifier une taille( donc pas de display: inline).

voila le code (fait vite fait pour l'exemple).
CSS :

<style type="text/css">
body {
	margin:0px;
	padding:0px;
}
button span{
	float:left;
	border:1px solid black;
	height:15px;
	display:block;
}
button {
	margin:0; 
        padding:0;
	background:#F00;
	border:none;
	overflow:visible;
}
</style>

HTML :

<button>
<span></span>
<span>Contenu</span>
</button>

sous ie7, y a rien faire les span s'affichent les uns sous les autres.

Bonsoir,

Peut-être en appliquant une largeur sur ton button ? (width:...;)

salut, je ne vois pas l'intérêt d'appliquer une width a mon boutton puisque le texte a l'intérieur peut changé.

Mais merci pour ta réponse.

Hello,

Ce que tu demandes correspond en tout point à une valeur de la propriété display qui est "inline-block"

EDIT : il faudra bien entendu supprimer le "float: left" dans ton cas

Bonne journée,

Raphaël
Modifié par Raphael (30 Jul 2010 - 09:21)