Ho un problema che anche se banale non riesco a risolvere( so proprio impedito co sti css)
Ho questa pagina:
http://frog831.ifreepages.com/index....izza=portfolio

come vedete l'impaginazione e' un casino.
Devo mettere l'immagine sulla sinistra con la descrizione affianco e il link "pagina successiva >> " sotto .
perche' x una cosa cosi' semplice mi sto addannando tanto????
sicuramente sbaglio qualcosa di fondamentale.

il css e' questo;
codice:
/* CSS Document */
body { 
	font:80% verdana,helvetica,sans-serif; 
	margin:0; padding:0;
	background:#FFF;
}
A:link{
   text-decoration:none;
   color:#000000;
}
A:hover{
   text-decoration:underline;
   color:#999999;
}
A:visited{
   text-decoration:none;
   color:#000000;
}
p#paragrafo-iniziale { text-indent: 0em; }
p#paragrafo-iniziale:first-letter { 
   font-size: 3em;
   font-style: italic;
   float: left;
   background: #8A9CB2;
   color: #FFF;
   margin:0 5px 5px -10px;
   padding: 0px 5px 5px 10px;
   line-height:1em;
}
p#paragrafo-iniziale:first-line { 
  text-transform: uppercase;
  font-style: italic; 
}
code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
p,h1,h2,h3 {display:block; margin:0 1em .5em 1em; }
form,A{margin:0 1em .5em 1em;display:block;}
hr { display:none }
/*note*/
blockquote {
width:50%;
font: .70em/2em verdana, helvetica, sans-serif;
word-spacing: .2em;
padding: 2.5em 1em;
margin: 0 0 2em 2em;
border:1px solid #455667;

}
blockquote span.special-quote {
color: #455667;
font: italic 900 2em/1em georgia, serif;
}
/*Sezione Portfolio*/
div#portfolio p.descrizione{
   width:40%;
   height:100%;
   float:left;
   display:block;
   margin:0;
   padding:0;
}
div#portfolio img{
   display:block;
   width:50%;
   height:100%;
    margin:0;
   padding:0;
   float:left;
}
div#portfolio A.paginazione{
   display:block;
   width:100%;
}

div#portfolio h1{
display:block;
   width:100%;
   color:#FFFFFF;
   background-color:#000000;
   margin:0;
   padding:0;
}
/*Sezione Validator*/
div#validator img{
   border:0;
   margin:1em 0 0 0;
}
div#validator p{
display:inline;
}
/*Fine sezione validator*/
/* centrare la pagina web a larghezza fissa */
body { text-align:center }  
body{background: #455667 url(img/gradient4.jpg) fixed repeat-x top}
#testa { width:90%; margin:0 auto; margin-top:1em; text-align:left }
#corpo { width:90%; margin:0 auto; text-align:left }
#piedipagina { width:90%; margin:0 auto; text-align:left }

/*Impostazioni del menu di navigazione*/
div#navigation ul{list-style-type: none;margin: 0px;padding: 0px}
div#navigation li{margin: 0px 0px ;padding: 0px}
div#navigation a{display: block;width: 150px;margin:0 auto;line-height: 30px;
    text-decoration: none; border: 1px solid #666;text-indent: 30px;
    background: url("img/bknormal.jpg") no-repeat top left;
    color: #333;font-variant: small-caps}
div#navigation a:hover{
    background: url("img/bkactive.jpg") no-repeat top left;color: #1F2A3E}

div#navigation li#activelink a,div#navigation li#activelink a:hover{
    background: url("img/bkactive.jpg") no-repeat top left;color: #fff}

/* testa */
#testa { 
	background:#899BB3; 
	border:1px solid #000; 
	}
img#testa-banner{
   width:100%;
}
/* corpo */
#corpo { 
	position:relative; 
	/*background:#f0f0f0;*/ 
	background:#C5CAD1;
	border:1px solid #000;
	 }
#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	width:153px; 
	padding:0 0; 
}
#corpo-colonna2 { 
	margin:0 25% 0 153px; 
	border-left:1px solid #000; 
	border-right:1px solid #000; 
	background:#fff; 
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:25%; 
	padding:1em 0; 
}
/*pie' di pagina */
#piedipagina { 
	background:#ABB6C4; 
	border:1px solid #000; 
	padding:0 0; 
}