Não consigo deixar os botões com fundo transparente

[Dieggs 0]

Sou novato em CSS e programação web. Mesmo não entendendo muito do assunto estou tentando montar um site bem simples.

Cada botão do meu menu tem sua própria div, já que o texto é uma imagem. Para centralizar tudo, coloquei as divs dos botões dentro de outra div chamada "menu". O problema é que essa Div do menu fica com um fundo preto. Gostaria de deixar transparente ou com a cor da div "wrapper" que é a div que comporta todos os elementos. Isso é possível?

 

Abaixo coloquei um pouco do código da index:

 

<div id="wrapper">
<div id="header">
</div>

<div id="menu">
<div id="conteudo">
	<img src="css/imgs/curso/conteudo.png" alt="" width="122" height="52" align="absmiddle">
</div>
<div id="programa">
	<img src="css/imgs/curso/programa.png" alt="" width="163" height="52" align="absmiddle">
</div>

</div>

 

 

Exemplo de como está o CSS:

 

@charset "utf-8";
/* CSS Document */

*{
padding:0;
margin:0;
background: #000;	
}

#wrapper {
background: #CCC repeat-y;
width: 952px;
margin: 0 auto;
}


#header{
background:url(imgs/curso/header.png) no-repeat center;
height:203px;
right: 5px;
width: 935px;
margin: 0 auto;
}

#menu {
height: 52px;
width: 935px;
position: relative;
margin: 0 auto;
background: transparent;
}

#conteudo {
position:absolute;
width:122px;
height:52px;
margin: 0 auto;
left: 2px;
background: transparent;
background-color: #CCC;
}

 

Como está ficando:

Como deveria ficar:

 

[Guilherme_90 33]

A solução que eu faria é: Faz no em algum programa gráfico, imagem de 1x1px com opacidade 0%, e salva como png (já que tu quer transparente), daí é só você jogar esta imagem como background do menu, e mandar repetir.

[Valdeir Info 2]

*{
       padding:0;
       margin:0;
       background: #000;  [color="#008000"]/*   Remova essa linha   */[/color]
}

e adicione essa:

body {
       background: #000;
}

[Diegus Miestro 21]

É como o Valdeir Info, falou. Essa linha está dizendo que todos os elementos terão background preto. Se você quer seu Body preto usa:

body{
background: #000;
}

 

Css o comando da linha sobrepõe a anterior. Você disse que tudo era fundo preto e depois colocou fundo em alguns elementos em específico.

 

Teu menu não tem background então não precisa do

background: transparent;

.

 

Teu site tá com muito preto, dá uma olhada nesse site: http://www.efeitosespeciais.net/tabela.htm