Menu horizontal não funciona no IE

[MOAI 0]

Estou fazendo meu site: http://www.harkadya.com/pirituba

 

Meu problema é fazer os Destaques (que são como um menu horizontal) ficarem horizontais no IE. Coloquei display:inline para abrir no IE, mas mesmo assim só funciona no FireFox.

 

Alguém tem alguma dica para funcionar bem tanto no FF quanto no IE?

[micox 2]

Use o float:left

[MOAI 0]

Assim?

 

 

/* ----- DESTAQUE ----- */.destaque { 	margin:10px 0px 10px 0px;	background-color: #E7E7E7;	border: 10px solid #C62828;	padding:0px;}.destaque ul { 	float:left;	margin-left:-10px;}.destaque li { 	display: table-cell;	_display:inline;}.destaque a {	display: block;	margin: 0px;	padding: 10px;	font-size:12px;	text-decoration: none;}.destaque a:hover { 	background-color: white; 	color: #2A4A5F; 	text-decoration:underline;}

[djeco 0]

usa o float: left no li

 

.destaque ul {	float:left;	margin-left:-10px;}.destaque ul li {	display: table-cell;	_display:inline;	float: left;}

[MOAI 0]

Eu fiz isso e estourou todo meu layout, olhem lá. http://www.harkadya.com/pirituba

[djeco 0]

Da uma olhada aqui

 

http://www.tableless.com.br/aprenda/menu-horizontal/

[MOAI 0]

Não entendo o que acontece, tentei de tudo e não funcionou.

 

Tentei fazer EXATAMENTE como está neste site que você me passou, mas nem IE nem FF aplicam os atributos. Para testar, eu simplesmente copiei o código do site e coloquei no meu, não funcionou.

 

Além de colcoar na minha página, fiz uma segunda também: http://www.harkadya.com/pirituba/2.htm