I've got a minor problem with my site that I can't seem to figure out.

Link - WIP

When opened in IE or Opera, three images appear in the bottom right corner regarding Notepad++, CSS validation, and XHTML validation.

The three images are displayed as follows in the .html file:

<p class="standards">
	<a href="http://notepad-plus.sourceforge.net/uk/site.htm" target="_blank"><img 
  src="npp.logo4.png"
  alt="Made with Notepad++" border="0" height="31" width="88" /></a>
	<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.phas.ubc.ca/~nkjg/main2.html" target="_blank"><img 
  src="http://jigsaw.w3.org/css-validator/images/vcss" 
  alt="Valid CSS!" border="0" height="31" width="88" /></a>
    <a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Transitional" border="0" height="31" width="88" /></a>
	</p>

"standards" is defined as follows.

.standards
{
/*text-align:right;*/
position:absolute;
right:0px;
bottom:0px;
z-index:-1;
}

Any ideas? I'm new to all this, so I'm not sure what I should look out for.

Ok... never mind... it works now...

EDIT

Wait a minute... it works because I changed the z-index of the three images. If I set something with z-index:-1, does that put it behind the background?

Edited September 21, 200520 yr by Zxian