questo è il codice XHTML:


<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="it" lang="it">
<head>
<title>Web Solution Provider - Web Agency - Hosting e Application Provider - Vimercate - Milano - Realizzazione siti e presenze Internet aziendali - Axura SRL</title>

<meta name="description" content="Web Solution e Hosting Provider - Web Agency a Vimercate (Milano) orientata al risultato, propone la realizzazione di siti web usabili ed accessibil, leggeri e funzionali." />
<meta name="keywords" content="web solution provider web agency milano vimercate new media open source linux apache php mysql siti usabilità accessibilità posizionamento motori ricerca software applicativi intranet" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="revisit-after" content="7 days" />
<meta http-equiv="robots" content="index,follow" />
<meta http-equiv="Cache-Control" content="cache, must-revalidate" />
<meta http-equiv="pragma" content="cache" />
<meta name="author" content="Axura SRL - http://www.axura.com/ - info@axura.com - Alberto Giacobone - Alessandro Cruciani" />



<link rel="stylesheet" type="text/css" href="schermo.css" media="screen" />


</head>
<body>

<div id="contenitore">

<div id="testa">

Axura srl è una web agency specializzata nello sviluppo, hosting, promozione e posizionamento sui motori di ricerca di presenze Internet per aziende, professionisti, enti pubblici, associazioni e privati.

</div>

<div id="logo">

<a href="index.htm">
[img]logo0000.jpg[/img]
</a>

</div>

<div id="navglob">

<ul class="glob">
<li class="glob">Servizi|
<li class="glob">Soluzioni|
<li class="glob">Articoli|
<li class="glob">Consigli|
<li class="glob">Portfolio|
<li class="glob">FAQ|
<li class="glob">About Us |[/list]

</div>

<div id="subnavglob">sub navigazione globale</div>

<div id="percorso">Home</div>

<div id="colonna_dx">

<h1>News</h1>





20/02/2004 - Netsky.B, qualcosa per te





"Something for you" - Qualcosa per te - è uno dei tanti oggetti dei messaggi generati dal worm Netsky.B, in circolazione e rapida diffusione dal 18 Febbraio 2004: come molti ...
<a href="notizie.htm">
[continua]
</a>
</p>

<h1>Newsletter</h1>




Vuoi rimanere aggiornato sulle novità del sito, le promozioni ed i suggerimenti proposti? Iscriviti alla newsletter, inserendo il tuo indirizzo email nel campo sottostante!
</p>

<input type="text" /><input type="submit" value="Iscriviti" />privacy

<h1>Portfolio</h1>





Milan Inter Derby


In costruzione la presenza Internet di una rivista dedicata a due delle più importanti squadre di calcio in Italia! [continua]
</p>


</div>

<div id="corpo">

[img]foto_hom.jpg[/img]






Fornitore di soluzioni e servizi per una presenza in Internet orientata al risultato.

</p>




Essere presenti in Internet con obiettivi precisi, per ottenere un riscontro misurabile: accompagnarti in questa missione ed indicarti le soluzioni più adatte alle tue esigenze, mettendoti a disposizione la nostra esperienza, è il nostro mestiere e la nostra passione! ... [continua]
</p>




Novità! Server Virtuali Dedicati, i vantaggi dell'housing al costo dell'hosting ...
</p>

</div>



<div id="piede">AXURA s.r.l. - Tel. 039 66 74 86 / Fax. 02 700 568 121 / Email. info@axura.com - Scheda contatti</div>

<div id="copy">&copy; 2001 - 2004</div>



</div>

</body>
</html>


------

Questo invece il CSS:



a:link {
text-decoration:none;
color:#009B00;
}

a:visited {
text-decoration:none;
color:#666666;
}

a:hover {
text-decoration:none;
color:#aaaaaa;
}

#colonna_dx h1{
font-size:90%;
background-color: #CCCCCC;
padding-left:5px;
}

h1 {
font-size:120%;
margin-bottom:5px;
}

p {
margin-top:0px;
margin-bottom:10px;
}

em {
font-style:italic;
}

img {
border:none;
}


body {
margin:0px;
padding:0px;
text-align:center;
font-family:verdana,arial,tahoma,sans-serif;
color:#000000;
background-color:#FFFFFF;
font-size:80%;
}

#contenitore {
width: 753px;
margin: 5px auto 0px auto;
text-align:left;
}

#testa {
margin:0px;
padding:0px;
text-align:left;
font-size:80%;
font-weight:bold;
letter-spacing:1px;
}

#logo {
margin:15px 0px 0px 0px;
padding:0px;
}

#navglob {
background-color:#CCCCCC;
background-image:url("header10.gif");
background-position:top left;
background-repeat:no-repeat;
text-align:right;
margin:5px 0px 0px 0px;
padding:2px 20px 2px 0px;
}

#subnavglob {
margin:0px;
padding:0px;
display:none;
}

#percorso {
margin:1px 0px 0px 0px;
padding:2px 10px;;
background-image:url("briciole.jpg");
background-position:top left;
background-repeat:no-repeat;
}

#corpo {
padding: 5px;
margin-right: 315px;
line-height:1.5em;
margin-bottom:20px;
}

#colonna_dx {
float: right;
width: 300px;
padding: 5px;
line-height:1.5em;
}

#piede {
clear: both;
padding:3px;
margin-top: 5px;
text-align:center;
font-size:75%;
background-color:#CCCCCC;
background-image:url("footer30.gif");
background-position:top right;
background-repeat:no-repeat;
}

#copy {
text-align:right;
padding: 2px;
font-size:75%;
}

ul.glob {
display:inline;
margin:0px;
padding:0px;
font-size:100%;
}

li.glob{
display:inline;
margin:0px;
padding:0px;
list-style-type:none;
}

ul {
list-style-type:square;
font-size:85%;
line-height:1em;
}

li {
padding-bottom:10px;
list-style-positionutside;
}

strong {
font-style: bold;
}

la parte principale del sito coi contenuti è posta in un DIV flottante "corpo" come il suo vicino DIV "colonna_dx" a seguito dei quali vi è il footer "piede" che con un clear:both rende il layout stabile.

volevo sapere come mai il tutto funziona solo se nel codice XHTML #colonna_dx è posto prima di #corpo, nel caso opposto (più corretto nel caso di utilizzo di screen reader) il layout collassa e i due DIV non flottano più correttamente.

Potete rispondermi ?