Bueno, discúlpame; no había meditado bien la respuesta anoche.
El código que debes usar es:
Código:
<style type="text/css">
<!--
.Estilo5 {
color: #000066;
font-weight: bold;
}
.Estilo6 {color: #000066}
#alter {
display: none;
}
-->
</style>
<!--[if lt IE 7]>
<style>
#RocasFondo{
display: none;
}
#alter {
display: block;
}
</style>
<![endif]-->
La primera parte es para indicarte dónde colocarlo, por eso muestro un poco de código que ya tienes puesto tú (<style type="text/css">
<!--
.Estilo5 {... ) etcétera.
Luego, justo donde termina el div de las rocas (<div id="RocasFondo"></div)
coloca el alternativo, es decir:
Código:
<div id="RocasFondo"></div>
<div id="alter">Este es el div alternativo para IE6 y
anteriores</div>
No me paré a pensar en que querías quitar la roca por completo y sustituirla por otro div, y puse visibilidad cuando debía poner display, para que no ocupe sitio.
Y la segunda hermosa gamba, es que estaba usando el caracter < (menor que), en lugar de su correspondiente entidad (lt). En fin, perdona por el despiste. Si hubiera probado el código antes de escribirte me habría dado cuenta de que no estaba escribiendo bien las cosas.
Espero que ahora te funcione bien.
Mikel.