Slider 100%

Olá amigos estou dev um site que a img ocupa 100% da resolucao fiz o seguinte em css

html, body{ overflow:hidden; background:#000; height:100%; }

#bg{width: 100%; height: 100%; position: absolute; top:0; left:0; z-index:0; opacity:.6;}

#container { width: 100%; height: 100%; overflow:auto; z-index:1; position:absolute;}

#principal{ width:950px; margin:0 auto; z-index:2;}

Em minhas imagem atribui a id = bg

funcionou fico 100% fixa nao importa a resolucao porem preciso usar um slider e quando eu coloco as img dentro do slider

<div id="slider">

 <img src="fotos/foto2.jpg" id="bg" />

 <img src="fotos/carro.jpg" id="bg" />

 

</div>

as imagens nao aparece fica apenas o body com background #000 ja tentei usar class="bg" nas img mas da na mesma coisa

estou usando o plugin jcycle

Algum me ajuda ? :unsure: