Navigation - letzter Punkt geht über DIV Container hinaus

[LiMessi]

Hallo,

ich habe folgendes Problem.

Der letzte Navigationspunkt hat noch weitere Unterpunkte.
Diese Unterpunkte gehen aber über den Div Container hinaus, bzw. machen einen Zeilenumbruch.

Ist es möglich, dass ich sich die Untermenüpunkte im letzten Navigationspunkt von rechts nach Links öffnen? Sodass kein Zeilenumbruch bzw. der DIV Container nicht zerschossen wird?

Es geht um die Navigation der Seite: http://preview.vflreken.de/index.php
Das Menü im Header. Der Menüpunkt Sportanlage.

Hier die CSS dazu:

ul.menu {
	padding: 0;
	margin: 0;
}

ul.menu li {
	list-style: none;
	float: left;
}

ul.menu li.active a {
	/*background: url(../images/btn_gray.jpg);*/
	border-left:1px solid #68696B;
	border-right:1px solid #68696B;
	background-color:#FFF;
	color: #DB1D27;
}

ul.menu li.active a:hover {
	color: #FFF;
}

ul.menu li.current {
	/*background: url(../images/btn_gray.jpg); */
	background-color:#FFF;
	color: #DB1D27;
}

ul.menu li.current.active {
	/*background: url(../images/btn_gray.jpg);*/
	background-color:#FFF;
	color: #DB1D27;
}

ul.menu li a {
	min-width: 80px;
	height: 29px;
	line-height: 29px;
	margin: 0;
	padding: 0 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background-color:#DB1D27;
	/*border-left:1px solid #E6676E;*/
	border-right:1px solid #E6676E;
}

ul.menu li a:visited {

}

ul.menu li a:hover {
	color: #68696a;
}

ul.menu li ul {
	position: absolute;
	padding: 0;
	font-size: 13px;
	z-index: 2;
	display: none; 
}

ul.menu li:hover ul {
	display: block;
} 

ul.menu li ul li {
	float: none;
	margin: 0;
}

Viele Grüße und schonmal Danke!