Ciao a tutti, ho un problema con del testo dentro un div, ora vi spiego. Dentro il div ho aperto tre paragrafi perché il testo deve stare su tre righe una sotto l'altra, e fino qui tutto ok, ma se imposto la grandezza delle linee (line-height) a 2px nel div, il div non si espande in altezza e soprattutto mi taglia la prima e l'ultima riga. ora vi posto il codice html con e senza line-height. Vorrei diminuire lo spazio vuoto tra le linee come faccio?Il div in questione è il div Piede.
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
.contenitore {
	height: auto;
	width: 1000px;
	left: 50px;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #FFF;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 1000px;
}
#menu {
	height: 36px;
	width: 1000px;
}
#image {
	height: 244px;
	width: 1000px;
}
#testi {
	height: auto;
	width: 1000px;
}
#piede {
	height: auto;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 2px;
	background-color: #FFF;
}
</style>
<script src="file:///J|/sito_paolo/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
 
<body bgcolor="#F4F4F4">


<div align="center" class="contenitore">

 
  <div id="logo" >
    [img]images/sito1_r1_c1.gif[/img]
  </div>
  
  <div id="menu">
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="36">
      <param name="movie" value="swf/menu.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="file:///J|/sito_paolo/Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="swf/menu.swf" width="1000" height="36">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="file:///J|/sito_paolo/Scripts/expressInstall.swf" />
        
        <div>
          <h4>Il contenuto di questa pagina richiede una nuova versione di Adobe Flash Player.</h4>
          

</p>
        </div>
        
      </object>
      
    </object>
  </div>
  
  <div id="image">
  [img]images/home.png[/img]
  </div>
  
  <div id="testi">
    

</p>
    

</p>
  </div>
  
  <div id="piede">
    

ADR M.C. SRL mediazioni conciliazioni - sede legale - Via Vittorio Veneto n° 9 10026 Santena (To)</p>
    

tel-fax: 0119456246 - P.IVA/ CF: 1063410001P Numero REA: TO - 1150048</p>
    

adrmcsrl@legalmail.it - adrmediazioniconciliazioni@pec.it</p>
    

Foto by photogenia</p>
  </div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
 </script>
</body>
</html>
Se io tolgo line-height dal div piede, tutto funziona sia su Safari, Internet Explorer, Firefox, ma lo spazio tra le linee è troppo, se io lascio line-height viene fuori il casino spiegato sopra, come faccio a ridurre questo spazio. Grazie mille per le soluzioni che mi darete.