Problemas al Aplicar Css sprite en Dreamweaver

[bernardmore]

Buenas, inicio con esta pregunta.

Estoy exportando un css sprite desde fireworks.

Fireworks me genera un .png con una unica imagen donde estan todos los estados de los iconos para hacer un rollover simple y un .css

Luego en Dreamweaver creo una pagina nueva, enlazo el .css que genera Fireworks a la página html que acabo de crear.

El problema es que no se como aplicarlo para que me aparezca el botón con el rollover.

Este es el css que me genera

.escenarios{ background:url("/imagenes/escenarios.png") top left no-repeat; }
.centroencab{ width:664px; height:110px; background-position:-10px -10px; }
.centroencab_1{ width:664px; height:110px; background-position:-10px -130px; }
.logo2encab{ width:174px; height:110px; background-position:-10px -250px; }
.logo2encab_1{ width:174px; height:110px; background-position:-10px -370px; }
.logo1encab{ width:200px; height:110px; background-position:-194px -250px; }
.logo1encab_1{ width:200px; height:110px; background-position:-194px -370px; }
.texto1pie{ width:286px; height:93px; background-position:-10px -490px; }
.texto1pie_1{ width:286px; height:93px; background-position:-10px -593px; }
.logo1pie{ width:56px; height:93px; background-position:-404px -250px; }
.logo1pie_1{ width:56px; height:93px; background-position:-404px -353px; }
.logo2pie{ width:102px; height:93px; background-position:-470px -250px; }
.logo2pie_1{ width:102px; height:93px; background-position:-470px -353px; }
.logo3pie{ width:95px; height:93px; background-position:-306px -490px; }
.logo3pie_1{ width:95px; height:93px; background-position:-306px -593px; }
.logo4pie{ width:143px; height:93px; background-position:-411px -490px; }
.logo4pie_1{ width:143px; height:93px; background-position:-411px -593px; }
.logo5pie{ width:135px; height:93px; background-position:-10px -696px; }
.logo5pie_1{ width:135px; height:93px; background-position:-10px -799px; }
.logo6pie{ width:101px; height:93px; background-position:-564px -490px; }
.logo6pie_1{ width:101px; height:93px; background-position:-564px -593px; }
.logo7pie{ width:120px; height:93px; background-position:-155px -696px; }
.logo7pie_1{ width:120px; height:93px; background-position:-155px -799px; }

[pzin]

Pues tendrás que crear los elementos con las clases que indicas ahí. ¿Qué es lo que no sabes hacer exactamente?

[bernardmore]

Gracias por contestar amigo.

Aunque ya lo solucioné, no sabía con que elementos trabajar, en mi caso usé listas.

<div id="navegación">
<li class="escenarios logo1encab">
<li class="escenarios centroencab">
<li class="escenarios logo2encab">
</div>

y a cada lista le agregue una subclase de la clase superior teniendo en cuenta el archivo css que generó Fireworks..

[ArturoGallegos]

ese html es erróneo, debe ser

<div>
<ul>
<li></li>
</ul>
</div>

la clase escenarios puedes omitirla si atacas directamente a los LI, de esa forma ahorrarías lineas de código.