Problemas no I.E.( novidade )...

[fmotta]

Gente, tenho um site que tá rodando belezinha em FF, Chrome, IE 8 mas no IE 9 ...PAU! O menu não é exibido.

Já quebrei a cabeça e não descubro o porque ?

alguém pode me ajudar ?

o css é esse:

---

body { margin:0; padding:0; width:100%;}

html { padding:0; margin:0;}

h3{

color:#DA6925;

font-weight: bold;

}

.main { margin:0 auto; padding:0; background: url(images/main_bg.gif) top center repeat-x;}

.main2 { margin:0 auto; padding:0; background: url(images/main_bg2.gif) top center repeat-x;}

/********** header **********/

.header { padding:0; margin:0 auto; width:962px;}

/* logo */

.logo {padding:1px 0 0 30px; margin:0; width:300px; float:left;}

/* Click */

.rss { width:250px; margin:0; padding:25px 0 0 0; float:left; font: bold 14px Arial, Helvetica, sans-serif; color:#737373; line-height:1.8em;}

.rss img { float:right; margin:7px 3px; padding:0; }

/*menu*/

.menu { padding:0; margin:0 auto;background: url(images/menu_resize_bg.gif) top no-repeat; height:90px; width:962px;} /* background: url(images/menu_resize_bg.gif) top no-repeat; */

.menu ul { text-align:left; padding:26px 0 0 0; margin:0; list-style:none; border:0; float:right; width:620px;}

.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:45px;}

.menu ul li a { float:left; margin:0; padding:0; color:#fefefe; font:normal 12px/15px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}

.menu ul li a span { display:block; padding:8px 20px 7px 20px; background:none; }

.menu ul li a small { display:block; font: normal 11px/15px Arial, Helvetica, sans-serif; color:#eea83b; text-transform:none; padding:0; margin:0;}

.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }

.menu ul li a:hover span { }

.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right; }

.menu ul li a.active span { }

o html é esse:

<div class="main">

<div class="header">

<div class="menu">

<div class="logo"><a href="index.php"><img src="images/logo.png" width="172" height="88" border="0" alt="logo" /></a></div>

<ul>

<li><a href="index.php" class="active"><span>Home<small>Bem Vindos</small></span></a></li>

<li><a href="sobre.php"><span>A F.Motta<small>Quem somos</small></span></a></li>

<li><a href="servicos.php"><span>Serviços<small>O que fazemos</small></span></a></li>

<li><a href="portfolio.php"><span>Portfólio<small>Nossos trabalhos</small></span></a></li>

<li><a href="contato.php"><span>Contato<small>Entre em contato</small></span></a></li>

</ul>

<div class="clr"></div>

</div>

</div>

</div>

[fmotta]

Amigos. Obrigado, mas descobri. O problema na verdade era com o CUFON.

Foi só atualizar para versao 1.9i, e resolveu o problema no IE9.

Fica a dica.

Vlw.

[Leonardo Leoni]

Internet Explorer, o pesadelo dos Web Designers :/

Que bom que achou a solução e foi simples, geralmente problemas com IE são resolvidos com 'gambiarras'

Valeu por compartilhar, mexo muito com CUFON também