css mediaquerie no iphone

Site

CSS

Vou postar uma parte do CSS

/*
@media (max-width: 320px) {

#container{
	width: 292px;
	height: 100%;
	margin: 30px auto;
	text-align: left;
	background: #99CC00;

}

.item {
	width: 292px;
	float: left;
	overflow: hidden;
	margin: 2px 0;
	height: auto !important;
}
}

@media only screen and (max-device-width : 320px) {

#container{
	width: 292px;
	height: 100%;
	margin: 30px auto;
	text-align: left;
	background: #99CC00;
}

.item {
	width: 292px;
	/*float: left;*/
	text-align: center;
	overflow: hidden;
	margin: 2px 0;
	height: auto !important;
}

O que estou fazendo de errado?

Alguém pode me dar uma força?

Obrigado e abraços