Qualcuno mi può perfavore aiutare in questo semplicissima pagina, dicendomi cosa faccio di errato?

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  
<style type="text/css">

*{ overflow:hidden;margin:0;padding:0}
div#container{background:#EEF;width:80%;margin:30px 0 0 10%;padding:20px;}
h1{font: bolder 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align:center;width:100%; border:0px solid black;margin:10px 0;
}

ul#dati, ul#dati li{margin:0;padding:0;list-style:none;font-weight: bolder;}
ul#dati{width:70%;padding-bottom:2px;float:left;
}
h5{}
ul#dati li{}
li span{font-weight: normal; border-bottom:1px dotted Gray;}
#photo{float:right;}
#testo{float:left;width:100%; padding-top:20px;}

#topl{background:url(ctsx.jpg) no-repeat top left;}
#topr{background:url(ctdx.jpg);}
#bottl{background:url(cbsx.jpg);}
#bottr{background:url(cbdx.jpg);}

</style>

  
  
<title>Curriculum's Rotella</title>

</head>
  <body>
      
         <div id="container">
        
                            <h1>CURRICULUM</h1>
                            <ul id="dati">[*]Nome : <span>Simone</span>[*]Cognome : <span>Rotella</span>[*]Citta' : <span>Catanzaro</span>[*]Data di nascita : <span>xx/xx/xxxx</span>[*]Residente : <span>S.Elia</span>     [/list]
                          <div id="photo">[img]simone.jpg[/img]</div>
                          <div id="testo">
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          TESTO TESTO TESTO TESTO TESTO TESTO TESTO 
                          </div>
         </div>
       
  </body>
</html>