zeilenschaltung im menu

ich habe ein menu, das eine hintergrundfarbe beim rollover erhält.
siehe http://www.koali.ch/typo3/
sobald ein menupunkt aus 2 wörten besteht habe ich beim rollover eine zeilenschaltung!
kann mir jemand helfen?
css:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #003366;
margin-top: 40px;
}
.kopf {
background-color: #CCFFCC;
}
.hintergrund {
background-color: #F4EF5E;
}
.menu {
background-color: #CDE557;
padding-top: 20px;
bottom: 20px;
width: 100%;
height: 500px;

}

.menu a:link, .menu a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
text-decoration: none;
font-weight: bold;
margin-left: 20px;
line-height: 2.3;

}
.menu a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFFFFF;
font-weight: bold;
background-color: #F4EF5E;
padding-right: 100%;
padding-left: 10px;
}
.menuaktiv a:link, .menuaktiv a:visited{
color: #FFFFFF;
width: 200px;
}
.menuaktiv2 a:link, .menuaktiv2 a:visited{
color: #FFFFFF;
}
.menuaktiv2 a:hover{
color: #FFFFFF;
}

.menu2 {
background-color: #F4EF5E;

}
.menu2 a:link, .menu2 a:visited {
color: #000000;
text-decoration: none;
}

.rahmen {
background-color: #CC3300;
}
.oben {
background-color: #FFCC00;
}

.titel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
padding-bottom: 20px;
padding-top: 20px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}

.content {
background-repeat: no-repeat;
background-color: #AFCE32;
padding-left: 20px;
padding-bottom: 20px;
height: 500px;
overflow: auto;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.aktuell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC3300;
}

.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.untertitel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a.untertitel:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.untertitel:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0033FF;
text-decoration: none;
font-weight: bold;
}a.untertitel:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
text-decoration: none;
font-weight: bold;
height: auto;
width: auto;
}
a.untertitel:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

Olla!

.menu a:link, .menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
display: block;
padding: 4px 0 4px 20px;
width: 180px;
}
.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #F4EF5E;
}

So läufts im FF, IE is ungetestet.

gruss, fuss

Genau,

das ...

PADDING-RIGHT: 200px;

... muß raus.
Der Platz rechts vom Menü-Text ist einfach nicht da, so dass sich der Browser den Platz irgendwie nimmt.
Darum geht das uweite Wort in die zweite Zeile und die Seite zuckt bei jedem Link.

Gruß
Frank