[Resolvido] Propriedade background-image dos elementos HTML5

Bom galera, o problema é o seguinte, nenhum elemento que eu tento colocar uma imagem externa como background para ele, funciona da maneira esperada.

Por exemplo, tenho um input type=button no meu formulário de rodapé, então fiz isso:

footer > div > div > form > input[type=button] {

 background: url(Imagens/Botão.png) no-repeat center center;
 border: 0;
}

Só que o botão fica com a cor de fundo da tag footer, ou seja, herdou a cor de fundo(preto). Fica sem borda por causa do border: 0; e com o texto que eu coloquei no atributo value da tag input button("Send"). Já tentei alterar as dimensões do botão, e nada.

Depois da minha tag header, tem uma div agrupando uma espécie de banner, ou apresentação do site. Nela, tentei colocar uma imagem de fundo, mas ela não funciona, ela não aparece, é como se a cor de fundo sempre herdasse o valor inherit. A seguir mostro a marcação HTML e o CSS:

Marcação HTML

<div id="mainBanner">
 <div class="globalAlignment">
 <div id="WeDoing">
 <h1>We <strong>Build</strong> Websites</h1>
 <p>Well planned, gridded solid websites built in line<br /> with modern development techniques.</p>
 </div>
 <div id="slideImage">
 <img src="Imagens/slide.png" alt="MY AWESOME IPHONE APP!" title="MY AWESOME IPHONE APP!" />
 // Algumas outras tags imgs irão entrar aqui futuramente para criar um slide.
 </div>
 </div>
 </div>

CSS

#mainBanner {
 background: #fff url(Imagens/BackgroundBanner.png) center center no-repeat;
}

globalAlignment é para deixar numa área de 990px

O caminho está certinho, é "Imagens/BackgroundBanner.png", e o fundo só fica com a cor padrão, no entanto, se eu alterar o #fff, para um #000, o fundo fica preto, ou seja, o problema é com a imagem mesmo.

Também estou tentando colocar uma imagem na minha listagem com a propriedade list-style-image, e também não funciona, ou seja, não consegui inserir nenhuma imagem no meu HTML ainda :(

Estou usando o DOCTYPE do html5, será que alguma coisa influencia nisso ?

Vlw :D