Por favor gostariam que desse uma olhada neste site que estou criado para se possivel mim ajudarem em um erro que está dando.
No ie8 e firefox funciona normal, mais no ie7 quando eu clico nos outros itens do menu o site anda normal na horizontal mais as 03 molduras que era para ir junto nao acompanha e fica presa, alguem poderia mim ajudar?
Desculpe não sei como explicar este erro, por isso postei o link do site para ver.
Link: Página (para ver o erro tem que estar no ie7 e tem que navegar no menu do site para entender o problema, pois nao sei explicar)
Abaixo o código CSS
/* -- Geral --*/ * { margin: 0; padding: 0; } body { font-family: "Arial", Tahoma; font-size: 13px; } html, body { height: 100%; } body { position: relative; } a { outline: none; color: #fff; text-decoration: none; } .clear { clear: both; } /* -- Menu -- */ #menu { position: fixed; width: 100%; text-align: center; overflow: hidden; background: url(../images/layout/bg-menu.png) repeat-x; z-index: 10; } #menu ul { width: 920px; margin: 0 auto; } #menu li { display: block; float: left; list-style-type: none; } #menu li a, #menu span a { display: block; height: 60px; text-indent: -90000px; } #menu li a:hover, #menu span a:hover { background-position: 0 -60px; } #menu li a:hover.home , #menu span a:hover.home { background-position: 0 -90px; } #menu .home { background: url(../images/layout/logo.png) no-repeat; height: 90px; width: 216px; margin: 0 30px 0 85px; } #menu .agencia { background: url(../images/layout/bt-agencia.png) no-repeat; width: 109px; } #menu .servicos { background: url(../images/layout/bt-servicos.png) no-repeat; width: 109px; } #menu .portfolio { background: url(../images/layout/bt-portfolio.png) no-repeat; width: 109px; } #menu .blog { background: url(../images/layout/bt-blog.png) no-repeat; width: 76px; } #menu .contato { background: url(../images/layout/bt-contato.png) no-repeat; width: 109px; } /* -- Seções -- */ #secoes { overflow: hidden; clear: left; height: 100%; } #secoes .conteudo { width: 15660px; height: 100%; background: url(../images/layout/bg-site.jpg); overflow: hidden; } div.sub { float: left; padding: 100px 200px 20px 100px; margin-right: 800px; } #secoes .conteudo #home, #secoes .conteudo #agencia, #secoes .conteudo #servicos, #secoes .conteudo #portfolio, #secoes .conteudo #blog, #secoes .conteudo #contato { width: 880px; height: 474px; } #secoes .conteudo #home #porta { width: 210px; height: 390px; background: url(../images/layout/porta.png) no-repeat; display: block; margin: -30px 46px 0 -30px; float: left; } #secoes .conteudo #home .ultimos-trabalhos { list-style: none; } #secoes .conteudo #home .ultimos-trabalhos li { margin: 16px; padding: 0; float: left; position: relative; width: 186px; height: 156px; } #secoes .conteudo #home .ultimos-trabalhos img { padding: 16px 0 0 16px; border: 0px; } #secoes .conteudo #home .ultimos-trabalhos p { width: 186px; background: url(../images/layout/moldura.png) no-repeat; display: block; position: absolute; text-align: center; padding-top: 138px; color: #261200; text-shadow: -0.7px 0.7px #fff; font-weight: bold; }