Hauptmenü als Liste mit Bildern. Minimaler Zwischenraum soll weg

[andi]

Hallo,
ich habe mein Hauptmenü als Liste formatiert und je Menüpunkt ein Bild verlinkt. Alle Punkte stehen untereinander. Leider gibt es einen minimalen Zwischenraum zwischen den Bildern. Vielleicht 4-5 Pixel. Wie krieg ich den weg?

Bislang hab ich nur folgendes im CSS:

  
#main_navigation ul{  
	list-style-image:none;  
	list-style-type:none;  
}  
  
#main_navigation li{  
	margin:0;  
	padding:0;  
}

Wobei die Angaben unter li überhaupt nix zu bringen scheinen....

Ach und noch etwas:
Bei einem mouseover sollen sich die Buttons verändern. ich meine mal gelesen zu haben, dass man, anstatt bilder auszutauschen, lieber ein großes Bild mit beiden Stadien verwenden soll, dass dann entsp. hin und hergeschoben wird. Hat jemand grad einen link, wo das nochmal erklärt wird?

Besten Dank
andi