Thema: Infinity Menü - Fehldarstellung Submenü

Hallo Ihr Lieben,

ich habe folgendes Problem: Ich habe mir mein Menü (Infinity) komplett eingerichtet und es passt auch alles wunderbar. Nur leider habe ich das Problem, dass das Submenü sich fehlplaziert und erst nach dem "Reload" richtig dargestellt wird.

Dinge die ich durchgeführt habe:

- sämtliche Lösungsvorschläge hier aus dem Forum
(z.B. .templatename { position: relative; display: block;}
Lösung: Bringt das Submenü näher, aber plaziert es nicht richtig (siehe Bild)

- Cache geleert von Browsern (Joomla nicht aktiv)

- .css komplett vom Server gelöscht und wieder online geladen.

Brauche dringend nen Tip :/ Woran kann es noch liegen?

Liebe Grüße
Jenny

PS.

.css code:

Code:

.javabean a{
	/*====================================================
	CSS here affects all menu item anchors (parentItem,
	subItem_1, subItem_2, etc..)
	Settings here can be overriden by adding css to other
	anchor classes - eg, to override font of sub item 1:
	.javabean .subItem_1 {
		font-familiy: sans-serif;
		font-size: 15px;
	}
	======================================================*/
	font-family			: Arial;
	font-size			: 12px;
    font-weight			: bold;
	font-style			: normal;
    width				: 160px;
	text-decoration		: none;
    display				: block;
    white-space			: inherit;
    position			: relative;
	border				: 1px solid White;
	padding				: 5px 15px 5px 15px;
	margin				: -1px 0px 0px 0px; /*-1 px stops adjacent borders looking like 2 pixels width*/
	background-repeat	: repeat-y;
}


.javabean {
    position: relative;
    display: block;
}

.javabean .menuCont_1{
background-color	:#F5E46B;
/* Un comment this line if you want opacity
Filter: Alpha(Opacity=95);
-moz-opacity:.95;
opacity:.95;
*/
width:100%;
}

.javabean .menuCont_2{
background-color:  #F2F2F2;
/* Un comment this line if you want opacity
Filter: Alpha(Opacity=95);
-moz-opacity:.95;
opacity: .95;
*/
width:100%;
}

.javabean .parentItem img,
.javabean .parentItem-active img{
    position: absolute;
    top: 0px;
    border: 0;
}
.javabean .rgtImg {
	position: relative;
    margin-top: 5px;
    right: 4px;
    border: 0;
}
.javabean .lftImg {
	position: relative;
	margin-top: 2px;
    border: 0;
}

.javabean .parentItem,  {
	background-image	: url(images/javabean/menu_orange_bgr.png);			
}

.javabean .parentItem:hover, 
.javabean .parentItem-active,
.javabean .parentItem-active:hover {
	background-image	: url(images/javabean/menu_horange_bgr.png);			
}


.javabean .parentItem:link,
.javabean .parentItem:visited {
	/*background-color	: #ff9b37;*/   /*.menuCont classes deal with the background color beacuse it makes opacity possible*/
	color				: #333333;
	font-weight			: bold;
}

.javabean .parentItem:hover,
.javabean .parentItem-active {
	background-color	: #FDFEC7;
	color				: #000000 !important;
}
.javabean .parentItem:active {
	/*background-color	: #ee5500;*/   /*.menuCont classes deal with the background color beacuse it makes opacity possible*/
	color				: #000000 !important;
}
.javabean .subItem_1 img, .javabean .subItem_2 img,
.javabean .subItem_1-active img, .javabean .subItem_2-active img{
    position: absolute;
    top: 0px;
    border: 0;
}

.javabean .subItem_1, .javabean .subItem_1-active{
background-image	: url(images/javabean/menu_orange_bgr.png);
width				: 100%;
}

.javabean .subItem_2, .javabean .subItem_2-active{
background-image	: url(images/javabean/menu_blue_bgr.png);
width				: 100%;
}

.javabean .subItem_1, .javabean .subItem_2 {
	color: #000000 !important;
	background-image	: url(images/javabean/menu_blue_bgr.png);
}


.javabean .subItem_1:hover, .javabean .subItem_2:hover,
.javabean .subItem_1-active, .javabean .subItem_2-active,
.javabean .subItem_1-active:hover, .javabean .subItem_2-active:hover{
	/*.menuCont classes deal with the background color beacuse it makes opacity possible*/
	color				: #000000 !important;
	width				: 100%; /*This had to be added to stop menu from shrinking on hover - GT 22/08/2005*/
	background-image	: url(images/javabean/menu_phorange_bgr.png);
}


.javabean .subItem_1-active,
.javabean .subItem_1-active:hover,
.javabean .subItem_1:hover{
    background-color	: #ffcc66;	
}


.javabean .subItem_2-active,
.javabean .subItem_2-active:hover,
.javabean .subItem_2:hover{
    background-color	:  #FDFEC7;	
}



.javabean .section {
    border-style: none;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .javabean td { position: relative; } /* ie 5.0 fix */