Salve ragazzi,

stavo provando il ifle htc css3pie beta3.

Volevo inserire in un div un'immagine e poi la scritta homepage. COn firefoz funziona corretamente ma con ie7 come potete vedere no.

Ecco il codice usato:

html
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
      <title>index</title>
      	<link rel="stylesheet" type="text/css" href="css/index.css">
     </head>
<body>
<div id="container">
     <div id="titolo">
          [img]img/homepage.png[/img]
          <span>Homepage</span>
     </div>
</div>
</body>
</html>
il css
codice:
*{margin:0 auto;}
body{background-color: #ddd;}

#container{
margin: 0 auto;
padding:0;
width:960px;
border: 1px solid black;
background-color: white;
}

#titolo{
width:75%;
margin:0 auto;
border: 1px solid #cecece;
text-align:center;
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
-webkit-box-shadow: #ddd 0px 2px 3px;-moz-box-shadow: #ddd 0px 2px 3px;box-shadow: #ddd 0px 2px 3px;
background: #FFFFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#ECF0F9));background: -moz-linear-gradient(#FFFFFF, #ECF0F9);background: linear-gradient(#FFFFFF, #ECF0F9);-pie-background: linear-gradient(#FFFFFF, #ECF0F9);margin-top:70px;
height:50px;
behavior: url(PIE.htc);
}

#titolo span{
color: #7e8ca4;
padding: 0;
font-size: 24px;
line-height:50px;
font-weight: bold;
border: 1px solid red;
}

#titolo img {float:left;}
dove sbaglio??