CSS+versch. Browser= "/(!"&$)(/ plz help

[Mc.]

Hi! Ich bastel gerade mein CSS zusammen und habe ein paar Probleme!
Einmal mit einem css-image-rollover:
"Active" und "Visited" haben die gleichen styles wie der normale Button!

a.nav img {height:33px; border-width: 0px; background: top left no-repeat;}
a.nav#news img{background-image:url(images/navigation/n_news_off.jpg);         width:79px;}
a.nav#news:hover img{background-image:url(images/navigation/n_news_over.jpg);         width:79px;} 

und hier der Aufruf im HTML:

<a class="nav" id="news" href="?site=news"><img src="images/spacer.gif" alt="News" height="33" width="79" border="0"></a> 

Des funtzt im Firefox einwandfrei! Allerdings im INTERNET EXPLORER switcht er das Bild vom "Hover" nicht mehr auf "Normal" zurück, es wird also immer das Hover angezeigt wenn man über einen Button fährt. Erst wenn man die Seite neu läd wirds wieder normal angezeigt!!!

Dann habe ich noch ein Problem! Mit der Positionierung von Inhalten. Ich benutze dafür meistens ein <p> element und wieße dem Styles zu:

p.login {padding-top:27px; padding-left: 23px;} 

Wieso wird des jetzt im IE und im Firefox verschieden dargestellt?
In den <p> Elementen ist auch immer ein <form>. Vl liegt es ja an dem. Jedenfalls werden dann meine Tabellen des Layouts verzerrt, etc.

Könnt ihr mir da bitte helfen damit ich verschiedene CSS dateien für versch. Browser erstellen kann??

Danke schonmal im voraus!
Christian