Ragazzi perchè non mi visualizza la colonna del menù di sinistra? SE apro questa pagina in html?

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Liquid Layout #2.1- (Fixed-Fluid)</title>
<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
background: #EAEAEA;
height: 140px; /*Height of top section*/
border-bottom: 14px inset #228B22;
border-right: 10px inset #228B22;
border-top: 10px inset #228B22;
border-left: 10px inset #228B22;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 193px; /*Width of left column*/
margin-left: -100%;
background: #B2B2B2;
border-right: 5px solid #228B22;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 3em;
font-family: Trebuchet MS,Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
background-color: #228B22;
color: 7px groove #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #fff;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #228b22;
border-right: 10px solid #228b22;
background-color: #00A86B;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #FF4D00;
border-right: 10px solid #00A86B;
background-color: #228B22;
color: #fff;
}

</style>

<style type="text/css">

.curlycontainer{
margin-bottom: 1em;
width: 192px;
}

.curlycontainer .innerdiv{
background-color: #228B22;
position: relative;

top: 2px;

}

</style>




<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>

</head>
<body>
<div id="maincontainer">

<div id="topsection"><div class="innertube">[img]banner.jpg[/img]</div></div>

<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
</div>
</div>


<div id="leftcolumn">



<div id="navcontainer">
<ul id="navlist">[*]Home page[*]Chi siamo[*]Premi[*]Regolamento[*]Contatti[/list]
</div>

<div class="curlycontainer">
<div class="innerdiv">
<FONT face="comic sans ms" color="orange">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp Area login</font>
<?php
 session_start();
?>

<title>
Autenticazione
</title>
<body>
    

    <FORM ACTION =http://localhost/sitoweb/autenticazione.php METHOD = Post>
     <H5 align="left"><FONT face="comic sans ms" color="white">Nick :  <INPUT TYPE ="text" SIZE =10 NAME="user">

     <H4 align="left"><FONT face="comic sans ms" color="white">Pass :  <INPUT TYPE ="password" SIZE =10 NAME="pass">
 
    <P align="left"><INPUT TYPE ="submit" VALUE =" Accedi ">
                      <INPUT TYPE ="reset" VALUE =" Annulla "></P>
    </FORM>

<H3 align="center"><FONT face="Trebuchet MS" color="white" size="3">Se non sei registrato</font> 
<H3 align="center"><FONT face="Trebuchet MS" color="orange"> CLICCA QUI </font>
</body>

</div>
</div>



</html> 

</div>

<div id="footer">Dynamic Drive CSS Library</div>

</div>
</body>
</html>