construccion de media query

[b44]

Buenas tardes:
Estoy usando la siguente entrada.

Código:

@media all and (max-width:480px)

En firefox me funciona perfectamente e interactua modificando los div a la posicion que yo deseo, pero en chrome version 26 que es la que estoy usando no me funciona.

He estado leyendo y creo que los media querys funcionan en chrome desde la version 21 por lo que entiendo que debe trabajar correctamente (No entiendo cual es el motivo que no funcione).

El ordenador que utilizo tiene un micro antiguo y aunque monta W7 y ubuntu 12.04 no puedo actualizar a un navegador chrome mas moderno ya que no lo soporta.

el css completo seria este:

Código:

@media all and (max-width:768px) { 

/*div engloba a imagen calendario y gestion tiempo*/

#calen-imag-tiem{

	width:100%;

	}

/* bloque primero en pagina central  */

#bloque1{

	width:100%;

	}

}

/*media queriCambiar el color de fondo si el documento es menor de 480 píxeles de ancho*/

@media all and (max-width:480px) { 

/*div engloba a imagen calendario y gestion tiempo*/

#calen-imag-tiem{

	margin-left:auto;

	margin-right:auto;

	width:100%;

	text-align:center;

	z-index:-3;

	}

/* bloque primero en pagina central  */

#bloque1{

	vertical-align: top;

	width:100%;

	text-align:center;

	z-index:1;

	}

#calendario{

		z-index:-3;

	}

}