problema con el CSS del slider

[GidHarvey]

Hola kseso?.
Ahora hice solo el de .right

Código:

.right {
	width: 541px !important;

pero el problema ahora es que no queda en el tamaño que yo le tengo puesto 567px x 232px aqui te pongo una imagen para que veas en que tamaño queda.



queda en 527px × 216px

y aqui esta el codigo modificado con la segunda opcion que me diste.

Código HTML:

#slider1 {
    width: 567px; /* important to be same as image width */
    height: 232px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
	width: 567px;
	top: 0;
	margin-left: 0;
}
.slider1Image {
	float: left;
	position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 541px !important;
	height: 50px;
}
ul { list-style-type: none;}

Un saludo.

ATTe Gidharvey


PD: El problema es con firefox, como lo podria hacer para que se muestre el tamaño que yo le tengo puesto en firefox? por que en IE6 se ve bien, hay algun hack para esto?