Problema no Background e z-index

Para que serve o * ?

*margin-top: 0px;
*position: relative;
*float: left;
*display: block;

Posso estar falando bobagens mas é a primeira vez que vejo algo assim.

Serve como hack para o Maldito(desculpe a palavra) Internet Explorer7 e 8

>
use o Responder Azul /applications/core/interface/imageproxy/imageproxy.php?img=http://img222.imageshack.us/img222/8498/respondery.png&key=db0a5d713bd1099ba19595f08a80f5881ed1a276406432195f83536896c761d5" alt="respondery.png" />

ou a 'Resposta Rápida'.

Onde está o <div class="bannerProductProdutosPage1"></div>

Não daria para botar dentro da div que contém o background ?

Teria um link para visualizar?

Valew pela dica do responder! :D

mas... em relação a DIV eu te peço perdão porque eu esqueci de coloca, eu tinha digitado esse post e depois acabei apagando uma boa parte e sem perceber eu apaguei a linha mas o HTML ta aqui agora completo (a parte que aparece na imagem)

<!-- INCLUDE ALL CONTENT + BACKGROUND PAGE -->

	<div id="all">

 <div class="bannerProductProdutosPage"></div>

 <!-- INCLUDE ONE SHADOW, YOUR LOCATION IS BEETWEEN #header AND #content -->
 <div class="bgContenProduct"> </div>

 <!-- INCLUDE ALL CONTENT (#header and #content) -->
 <div id="container">

 <div class="bgHead" style="height: 457px;"></div>
 <!-- INCLUDE ALL HEADER, SINCE LOGO UNTIL THE BANNER -->
 <div id="header" style="height: 460px;">

 <!-- INCLUDE ALL HEAER TOP. LOGO, PHONES, MENU AND INFORMATION LINE -->
 <?php
 include 'include/headerTopProducts.php';
 ?>

 <!-- INCLUDE HEADER BOTTOM, BANNER AND SHADOW -->
 <div id="bottomOfHeaderPageProduct">

 <img alt="" src="image/shadowDivision.png" class="shadowDivisionPageProduct">

 <!-- banner img -->
 <div class="bannerProductProdutosPage1">

 <div class="product1">

<!-- o resto do codigo são os produtos e informções deles, e que no momento eu não acho necessário ser colocado, mas qualquer coisa eu coloco -->

Carlos Coelho a minha intenção é deixar aquele background fique 100%

mesmo que o usuário aperte CTRL+"+" ou "-"

aqui vai o link da pagina, mas eu estou desenvolvendo então não leve em consideração alguns erros.

Link da página

Teteu, eu faria o seguinte.

Não usaria a div bannerProductProdutosPage e deixaria o css da div bannerProductProdutosPage1 mais ou menos assim:

.bannerProductProdutosPage1{
 background: #000 url("../image/banner/bannerProduct.jpg") no-repeat scroll top center;
 height: 300px;
 width: 100%;
 display:block;
 float:left;
}

Talves tentando simplificar um pouco mais sua estrutura, fique mais facil de resolver o problema e sem usar muitos hacks para IE.. =)

Muito obrigado Francispansa vou tentar fazer o que você indicou.

Mas dando certo ou não... obrigado!

Não deu certo :(

Mas vlw pela dica...

mas ainda preciso de ajuda e estou aceitando ajuda. (y)

olha como ficou com a sua dica

/applications/core/interface/imageproxy/imageproxy.php?img=http://img577.imageshack.us/img577/817/amozilla.jpg&key=66057749610454e11d9f217d1ea1adea8dd713df134852c7e8c32f984ae5e8c4" alt="amozilla.jpg" />

/applications/core/interface/imageproxy/imageproxy.php?img=http://img4.imageshack.us/img4/9960/aieb.jpg&key=d433ac898725f4a767ceddf2d0a975cdfdaa7877f58b9715ac637e7deba6a374" alt="aieb.jpg" />

Experimenta deixa assim:

.bannerProductProdutosPage1{
 background: #000 url("../image/banner/bannerProduct.jpg") no-repeat scroll top center;
 height: 300px;
 width: 100%;
 display:block;
 position:absolute;
 left:0;
 top: ;/* ve qual a distancia do topo você quer*/
}

:no:

ainda não funcionou :/

continuo a mesma coisa, mas muito obrigado!