Menu no I.E

[Will702]

Bom pessoal,vou direto ao ponto.

Tenho um menu na página,onde existe uma div que contem os itens,e os itens do menu.O tamanho e fonte dos itens se alteram com passar do mouse.

Meu problema é que no I.E,quando passo o mouse ele redimenciona toda a div de acordo com o novo tamanho do item,o qu enao acontece no chrome nem no firefox.Preciso que o I.E não redimensione a div de acordo com o novo tamanho dos itens.

Fiz um video rápido pra mostrar.

Video 1315408153 - YouTube

desculpem o ruído,não tive tempo de editar isso.

Abaixo o CSS de todo o menu:

#menu{
	position:absolute;
	left: 130px;
	top: 200px;
	right: 0px;
	height: 400px;
	width: 10px;
	background-image: url("menu_fundo.png");
	background-position: bottom center;
	border: 2px solid #AB0000;
	padding: 7px 9px;
	}
#conteudoMenu{
	padding: 3px 5px;
	background-image: url("item_fundo.png");
	background-position: bottom center;
	border: 1px solid black;
	cursor: hand;
	}
#conteudoMenu2{
	font-family:Showcard Gothic;
	font-size: 25px;
	padding: 3px 5px;
	background-image: url("item_fundo2.png");
	background-position: bottom center;
	border: 2px solid black;
	cursor: hand;
	}

[methark]

Coloque os menus no z-index:1 e posicione-os da mesma forma que fizeste com o menu (top e left) - inserindo a posição em cada item de menu.

Grande abraço,

[Will702]

po cara,valeu mesmo!Salvou minha vida!Tive que posicionar pixel à pixel e calculando ainda o tamanho que vai ficar ao passar do mouse,mas deu certo.valeu

RESOLVIDO

[Mog.Lucas]

Caso o autor do tópico necessite, o mesmo será reaberto, para isso deverá entrar em contato com a moderação solicitando o desbloqueio.