Ho inserito questo codice nel mio sito.

codice:
<script type="text/javascript"> 	 
$(document).ready(function() { 	
var fadeDuration =400;              
$('#nav li a').hover(function() {         
$(this).animate({ paddingLeft: '15px' }, fadeDuration); 		       
}, 

function() {         
$(this).animate({ paddingLeft: '0px' }, fadeDuration);       
}); 	    
}); 	
</script>  

<script type="text/javascript"> 	 
$(document).ready(function() { 	
var fadeDuration =400;              
$('#nav li input').hover(function() {         
$(this).animate({ paddingLeft: '15px' }, fadeDuration); 		      
}, 

function() {         
$(this).animate({ paddingLeft: '0px' }, fadeDuration);       
}); 	    
}); 	
</script>
e nel body usato così:

codice:
<div>                             	
<ul id="nav">                                    	[*][img]img/about.png[/img]                                     [*][img]img/services.png[/img]                                                
<li style="margin-top:2px;"><form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick" /> <input type="hidden" name="hosted_button_id" value="::::" /> <input type="image" src="img/donazione.png" style="border:none;background-color:transparent;" alt="Fai una donazione" /> </form>                                             	
<li style="margin-top:3px;">[img]img/contact.png[/img]                                     [*][img]img/portfolio.png[/img]                                 [/list]
</div>
Adesso non capisco perchè quando passo su uno tra about, contact, portfolio o servizi oltre allo spostamento a destra mi fa spostare anche tutto il contenuto del sito in basso.
Invece passando sopra donazione rimane solo lo spostamento a destra..

questo succede solo con internet explorer, con firefox no.

Potete vedere cosa succede a questo link: qui