[Typo3-german] CSS im einer liste, einrückungen und background color

[Manfred Rutschmann]

Hi *,

also ich kann euch sagen, das ist ja wirklich ein tolles ding :)
Im Moment ist es si, das Active Menus nen weissen Hntergrund haben 
sollen. Dummerweise bekomme ich es nicht so hin, das der Pfeil am Text 
bleibt und der hintergrund weiter nach links wandert. Folgende Sachen 
hab ich probiert:

list-style-position inside/outside (gibt probleme wg umgebrochen Text
verschiedene variationen von padding/margin aber alles irgendwie 
hilflos. demo unter stadt-schoemberg.cobra-computersystems.de

Gibts da ne Idee?

Grüße Manfred

Mein Menu ist wie folgt strukturiert:

	<div id="navigation">
	<ul id="menu_komplett">
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_act"></li>
	<li class="menu2_no"></li>
	<li class="menu2_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li><
	li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	<li class="menu1_no"></li>
	</ul>
	</div>

Das CSS ist so aufgebaut:

#navigation{ position: absolute; top: 180px; margin: 0px; width: 200px; 
padding: 3px; background-color: #C1CCDA;  border: 1px solid #999; left: 
2px;  }

.menu1_no	{ list-style-image: url(pfeil-blau.gif);								margin: 0px; 
padding: 4px; margin-left: 15px; }
.menu1_act	{ list-style-image: url(pfeil-rot.gif); 	background-color: 
#FFFFFF; margin: 0px; padding: 4px; margin-left: 15px;}
.menu2_no	{ list-style-image: url(pfeil-blau.gif); 	background-color: 
#FFFFFF; margin: 0px; padding: 2px; margin-left: 45px; }
.menu2_act	{ list-style-image: url(pfeil-rot.gif); 	background-color: 
#FFFFFF; margin: 0px; padding: 2px; margin-left: 45px; }

.menu1_no a	{ font-family: Arial; font-size: 80%; font-weight: normal; 
text-decoration: none;  line-height: 100%; color: #000000;}
.menu1_act a{ font-family: Arial; font-size: 80%; font-weight: bold; 
text-decoration: none;  line-height: 100%; color: #CC0000;  margin-left: 
0px;}
.menu2_no a	{ font-family: Arial; font-size: 80%; font-weight: normal; 
text-decoration: none;  line-height: 100%; color: #000000; }
.menu2_act a{ font-family: Arial; font-size: 80%; font-weight: bold; 
text-decoration: none;  line-height: 100%; color: #CC0000; margin-left: 
0px;}