Question : z-index not working

I have been working on this site for a bit, so the lines of code are getting blury. I was hoping if someone would be willing to take a gander at the code could provide me some insight--fresh eye balls have that effect.

The site in question can be found here: http://www.totaleeyou.com/webdesign.html

The black line that runs accross the top of the page is suppose to be behind the antena of the blue guy on the right.

Below is code snippts from both HTML and CSS. If you would like all code I recommend using firefox's firebug to see it.

Thanks,

neo 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:

===== CSS CODE =====
* { 
	margin:0; 
	padding:0;
}
html {
	min-width:980px;
} 
body { 
	background:#fff; 
	font-family:"trebuchet MS", Helvetica, sans-serif; 
	font-size:100%; 
	line-height:1em; 
	color:#1d1d1f;
	min-width:980px;
	height:100%;
}
.tail-top {
	background:url("../images/tail-top.gif") repeat-x scroll left top transparent;
	height:18px;
	position:relative;
	z-index:2;
}
#main {
	background:url("../images/lee-bg.png") no-repeat scroll right top transparent;	
	width:980px;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
}

===== HTML CODE =====
<body id="page-bg">
<div class="tail-top">
<!-- END TAIL-TOP --></div>
<div id="main">

Answer : z-index not working

Hi
Thanks for the info but what we did in the end was disable the shortcut keys on the server through the registry and this has resolved the problem
Cheers
troy
Random Solutions  
 
programming4us programming4us