background image + color

[beno]

hallo,

gerade erstelle ich ein menü für meine seite. leider bin ich wieder an meine grenzen gestoßen.

ich habe meine <a href="#"> tags so formatiert, dass immer ein kleines bild links vor dem link ist. nun wenn ich mit der maus rübefahre, will ich sowohl das bild als auch die hintergrundfarbe des links ändern. mit css kann ich nur das eine oder das andere realisieren, beides gleichzeitig bekomme ich nicht hin.

ein kleiner überblick vom css snippsel:

#nav_menu {  
	width:190px;  
	height:200px;  
	margin:0px 0px 0px 0px;  
	float:left;  
	background:#CC3300;  
	border-left:1px solid black;  
}  
  
#nav_menu a {  
	margin:0px 0px 0px 8px;  
	padding:4px 0px 4px 12px;  
	display:block;  
	position:relative;  
	font:10pt Arial;  
	font-weight:bold;  
	color:white;  
	text-decoration:none;  
	border-bottom:1px dotted white;  
	background:url(../images/site/square_a.png) no-repeat center left;  
}  
  
#nav_menu a:hover {  
	color:white;  
	background:#CC3333;  
	background:url(../images/site/square_hover.png) no-repeat center left;  
}

weiß jemand ein rat?

@ChrisB: das mit dem CSS hacks war mir gestern echt eine große hilfe, danke nochmals.

mfg
beno

[beno]

ok, hat sich erledigt...

mfg
beno

[apsel]

Om nah hoo pez nyeetz, beno!

Im Sinne der Performance möchtest du Sprites verwenden.

Matthias