Media Screen

[fernandoinfo 0]

Olá. Tenho pouca experiencia. Estou tentando fazer um teste aqui com media screen. Seguinte código:

 

<style type="text/css">
@media (max-width: 800px)

{

#base { display:none; }
}
</style>

 

Onde "#base" é uma simples tabela. Pelo que entendo "max-width: 800px" fará com que a "#base" desapareça em resolução máxima de 800px. Logo em resolução acima de 800px ela deve manter visivel. Até aí tudo normal. Se testo no PC que está com largura de 1024px ela continua visivel. Contudo ao testar em um celular onde a tela tem largura de 720px ela não desaparece! Continua visivel. Link para teste www.fernandoinfo.com.br/teste.html

Em resumo: O que preciso é que essa table apareça em resolução acima de 800px e desapareça em resolução abaixo de 800px. Alguém sabe o que pode estar errado?