ciao,

dunque, io ho un box con un form e sotto una classe <a> per un link.

html:
codice:
<form method="post" action="">
<div id="box">	
<span style="text-decoration:underline"> Iscriviti alla Newsletter</span>

Inserisci qui la tua email:
<input type="text" name="email" value="" size="13" />
<input type="submit" name="invia" value="invia" />
</div>
</form>
Scarica l'eBook
come vedete per validarmi il codice, il <form> deve stare fuori dal div box. questo mi crea problemi di interpretazione del margin tra i vari browser con il div box e la classe <a> del link.

il css:


codice:
  a.book, a.book:link, a.book:active{
                               
        display:block;
        text-align: left;
        color:#000;
        text-decoration:none;
        border: 1px solid #ccc;
        margin-top:-7px;
        margin-bottom:5px;
        padding-left:3px;
        background:#F5F5F5;
        Height:2em;line-height:2em;
        background-image: url(../immagini/cd_rom.gif); 
        background-position:center right; 
        background-repeat: no-repeat;
                               }


        a.book:hover{
                                 
       color:#FF870F;
       margin-bottom:5px;
       height:2em;line-height:2em;
                                   
                               }
       #box { 
	line-Height:2em;
	text-align:center;
	margin-top:5px;
	padding-left:3px;
	padding-bottom:5px;
	border: 1px solid #ccc;
        background-color:#F5F5F5;
                                 
			 }
nella casse "a.book" sono costretto a tenere il margin-top negativo (-7px) per separare i due elementi. se invece metto nella pagina il <form> dentro al div, allora va tutto bene e il margin viene interpretato nella stessa maniera da tutti i browser.
come potrei risolvere sta cosa?

grazie