Problemas com <li>

Boa noite pessoal,

Tudo joia?

Bom... Estou ajudando um amigo a fazer o portfolio online mas tive um problema com as <li>.

 

Eu coloquei cada <li> com uma identidade para ter tamanho fixo e um fundo determinado. O estranho é que o fundo deixa de aparecer quando o link existe na estrutura de pastas. Quando não existe aparece normalmente...

As paginas de exemplo e os codigos seguem abaixo.

Nao aparecem as imagens

http://www.abraaodantas.com/idvisual.htm

Aparecem as imagens

http://www.abraaodantas.com/teste.htm

Alguem já viu isso?

<!-- CODIGO que as imagens desaparecem -->

<ul>
 <li><a id="id1" href="iv/alexandremachado.htm"><span>id01</span></a></li>
 <li><a id="id2" href="iv/ja.htm"><span>id02</span></a></li>
 <li><a id="id3" href="iv/trigomais.htm"><span>id03</span></a></li>
 </ul>

<!-- CODIGO que as imagens aparecem -->

<ul>
 <li><a id="id1" href="porque.htm"><span>id01</span></a></li>
 <li><a id="id2" href="nao.htm"><span>id02</span></a></li>
 <li><a id="id3" href="funciona.htm"><span>id03</span></a></li>
 </ul>

<!-- CODIGO CSS -->

#corpo ul li #id1:link,#cabecalho ul li #id1:visited {

	display:block;
	width:700px;
	height:479px;
	background:url(../iv/imagens/alexandremachado/dest.gif) no-repeat top left;
	/*opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0; */
	text-decoration:none;
	margin:-10px 0 0 0;

}

Valeu.

Abraços