Salve ragazzi.
Ho un problema, sto creando un sito con i div.
Ho fatto un div principale e dentro questo principale ne devo metere un altro.
Appena lo metto dentro al div principale, il div che deve stare a sinistra si accentra, non rispettando il tag float: left;

ecco il codice

home.php
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fotografo Sandro Catanese Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Tutti gli scatti del fotografo Sandro Catanese in questo sito, perchè la foto è la sua passione">
<meta name="keywords" content="fotografo, fotografia, arte, fotoreporter, foto, fotografi, reportage, fotoreportage, fotografie, foto reporter, foto reportage, reportage eventi, fotografi famosi, fotoreporter freelance, arte fotografica, fotografo eventi, arte fotografia, fotografando, gallerie fotografiche, fotoreportage spettacoli, fotoreportage concerti, photography, photographer, photoreporter, photograph, photo">
<meta name="Classification" content="Fotografia, Fotografi">
<meta name="Language" content="Italian it">
<meta name="revisit-after" content="7">
<meta name="author" content="Giovanni Costa">
<meta name="OWNER" content="Giovanni Costa">
<meta name="Rating" content="General">
<meta name="Copyright" content="Copyright ©2009 - Giovanni Costa">
<meta name="Distribution" content="Global">
<meta name="expires" content="never">
<link rel="stylesheet" type="text/css" media="screen, handheld, print" href="css/style.css"/>
</head>
<center><div id="divcentrale"><p align="left">[img]img/logosinistra.jpg[/img]</p><div id="barramenu">[url="home.php"]HOMEPAGE[/url]  -  [url="about.php"]ABOUT ME[/url]  -  [url="galleria/gallery.php"]GALLERY[/url]  -  [url="contatti.php"]CONTACT ME[/url]</div><div id="bloccosinistra"><p align="left">Sandro</p></div></div></center> 
style.css
Codice PHP:
 a {text-decoration: none;
   color: #FF0000;
   font-family: Verdana, Arial, Tahoma, Sans-serif;
   font-size: 10px;
   letter-spacing: 1px;
   font-weight: bold;
   text-decoration: none; }

#divcentrale {
  background-color: #000000;
  width: 1000px;
  height: 800px;
  color: #ffffff; } 

#barramenu {
  background-color: #000000;
  width: 1000px;
  height: 25px;
  color: #FF0000;
  font-family: Verdana, Arial, Tahoma, Sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
    }
    
#bloccosinistra {
  width: 475px;
  height: 590px;
  background-color: #000000;
  color: #ffffff;
  float: left;
  font-family: Verdana, Aria, Tahoma, Sans-serif;
  font-size: 10px;
    } 
Sapete dirmi dove sbaglio?