problemas con Div

[ah_puch]

Hola A todos.

Soy nuevo en este campo del diseño asi que talvez mi pregunta les pareca tonta pero como sea ahi esta:

la situacion es la siguiente tengo un div con una imagen de fondo de tipo png al momento de colocar una tabla dentro de este div la tabla y todos sus elementos son imposibles de seleccionar con el raton pero si puedo posicionarme con el tabulador con una visitadita por google encotre que puede ser por el z-index, pero con todo y que asigno un z-index mas alto a mis cajas de texto tabla y botones no me resulta lo mismo les dejo la hoja de estilo que hice.

para que IE6 respete las trasparencia estoy utilizando un JS que me recomendaron es el IE7.js

todo este problema surge principalmente en IE6

Código:

body 
{
	position:relative;
	margin:0;
	background:#f3f3f2;
	background-image: url(../Imagenes/Fondo_login.png);
	background-repeat:repeat-x;
	top:0px;
	font-family: @Arial Unicode MS;
	font-size:medium;
	color:White;
	
}

#MiFondo /*este es el Div*/
{
	position:relative;
	background: url('../Imagenes/LogIn-trans.png');
	width: 300px;
	height: 450px;
	position:relative;
	top: 15%;
	left: 35%;
}


#Tbl_Login /*la tabla que contiene mis cajas de texto y boton de submit*/
{
	position:relative;
	width:230px;
	left:35px;
	top:45%;
	z-index:10;
}

.box
{
	z-index:100;
	width:100px;
	font-family:Arial;
	text-align:center;
	z-index:20;
	}
	
.labels
{
	width:50px;
	font-family:@Arial Unicode MS;
	font-size:x-small;
	color:Red;
}

espero me puedan ayudar de antemano gracias

[Calizman]

Ok... realmente no te entiendo lo suficiente... porque si dices que agregas una tabla dentro del div #MiFondo entonces no seria #tbl_login sino que simplemente seria table { bla bla bla } ya que si es una tabla real la que insertas entonces lo que tienes que hacer es agregarle el nombre de la tabla al CSS...

Por otro lado si es un div mas el que le agregas adentro...

#MiFondo /*este es el Div*/
{
position:relative;
background: url('../Imagenes/LogIn-trans.png');
width: 300px;
height: 450px;
position:relative;
top: 15%;
left: 35%;
}


#Tbl_Login /*la tabla que contiene mis cajas de texto y boton de submit*/
{
position:relative;
width:230px;
left:35px;
top:45%;
z-index:10;
}

Para que sepas mejor que es el Z-Index te dejo este link donde puedes aprender un poco mas... y por cierto: tu position: relative se repite en el primer div.

z-index

Saludos! y si puedo ayudarte en algo mas, con gusto!