div con transicion cambia al achicar pantalla

[marcinf2]

tengo un div (contenedor) que mediante la propiedad transition al pasar el mouse sobre el aparece otro div esto funciona bien en pantalla normal pero al achicar la pantalla cambia de tamaño dejo el codigo ya probe con % px y nada

Código HTML:

<div class="span6" id="first_ofert">
             	 <div class="span6" id="ofert_foto">
                    <img src="img/ofertas/oferta1.png">
                 </div>
                 <div class="span6" id="ofert_detalle">
                    <h4>Peru Monumental</h4>
                    <p>6dias 5Noches</p>
                 </div>
<!--  div sobre el otro-->
                  <div class="span6" id="ofer_hover">
             	</div>
 </div>

y el css

Código HTML:

#first_ofert {
	border: 1px solid #5D97CE;
	position: relative;	
}

#ofer_hover {
	display: block;
	background-color: #03C;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: All 0.6s ease;
	-webkit-transition: All 0.6s ease;
	-moz-transition: All 0.6s ease;
	-o-transition: All 0.6s ease;
	height: 92px;
	float: left;
}

Gracias

[alzacon]

No entiendo que quieres decir.

[marcinf2]

Iniciado por marcinf2

tengo un div (contenedor) que mediante la propiedad transition al pasar el mouse sobre el aparece otro div esto funciona bien en pantalla normal pero al achicar la pantalla cambia de tamaño dejo el codigo ya probe con % px y nada
me falto poner algo en el codigo ahi va

Código HTML:

<div class="span6" id="first_ofert">
             	 <div class="span6" id="ofert_foto">
                    <img src="img/ofertas/oferta1.png">
                 </div>
                 <div class="span6" id="ofert_detalle">
                    <h4>Peru Monumental</h4>
                    <p>6dias 5Noches</p>
                 </div>
<!--  div sobre el otro-->
                  <div class="span6" id="ofer_hover">
             	</div>
 </div>

y el css

Código HTML:

#first_ofert {
	border: 1px solid #5D97CE;
	position: relative;	
}

#ofer_hover {
	display: block;
	background-color: #03C;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: All 0.6s ease;
	-webkit-transition: All 0.6s ease;
	-moz-transition: All 0.6s ease;
	-o-transition: All 0.6s ease;
	height: 92px;
	float: left;
}
#ofer_hover :hover{
opacity: 1;
}

Gracias