En tu página dentro del código colocas imagenes que no aparecen, quitandolas se ven normalmente en Firefox, Opera y IExplorer.
prueba esto en tu código css:
Código:
ul { list-style: none; margin: 0; padding: 0; }
#barramenu { width: 130px; float: left; border-color: #666666; background-color: #FF9900; margin: 10px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#barramenu li a { height: 20px; voice-family: "\"}\""; voice-family: inherit; height: 12px; text-decoration: none; background-color: #000000; }
#barramenu li a:link, #barramenu li a:visited { color: #999999; display: block; padding: 4px 0 4px 0; }
#barramenu li a:hover, #barramenu li #current, #barramenu li a:active { background-color: #000000; color: #FF9900; border-left: 5px #FF9900 solid; border-right: 5px #FF9900 solid; padding: 4px 0 4px 0; }
y en tu html:
Código HTML:
<div id="barramenu">
<ul>
<li><strong>INICIO</strong></li>
<li><a href="seccion" title="titulo seccion"><strong>BIENVENIDA</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>DOCUMENTACIÓN</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>F.A.Q.</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>CONTACTO</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>ENLACES</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>FORO</strong></a></li>
<li><strong>ASIGNATURAS</strong></li>
<li><a href="seccion" title="titulo seccion"><strong>REGLAMENTACIÓN</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>NORMAS</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>PSICOLOGÍA</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>MECÁNICA</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>PEDAGOGÍA</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>SEGURIDAD VIAL</strong></a></li>
<li><a href="seccion" title="titulo seccion"><strong>P.AUXILIOS</strong></a></li>
<li> </li>
</ul>
</div>
y
Código HTML:
<div id="primeva">
<ul>
<li><strong>1ª EVALUACIÓN</strong></li>
<li>1. Generalidades y estructura.</li>
<li>2. El motor Diesel.</li>
<li>3. Sistema de Alimentación.</li>
<li>4. Sistema de Escape.</li>
<li>5. Lubricación y Refrigeración.</li>
</ul>
</div>
<div id="segeva">
<ul>
<li><strong>2ª EVALUACIÓN</strong></li>
<li>6. Sistemas Eléctricos.</li>
<li>7. Sistema de Transmisión.</li>
<li>8. Ruedas y Neumáticos.</li>
<li>9. Dirección y Suspensión.</li>
<li>10. Sistema de Frenado.</li>
</ul>
</div>
Te falta recordar un poco de código HTML puro. (un tutorial básico de html y css
http://evmanuales.com/categoria.php?cid=7)
Cita: El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores del mundo, independientemente de su juego de caracteres.
revisa este artículo de Caracteres Especiales:
www.desarrolloweb.com/articulos/11.php http://www.tantek.com/CSS/Examples/boxmodelhack.html
Espero que te sea útil.