Here's the fiddle I've been working on: http://jsfiddle.net/9vu64/
Everything was functioning smoothly with my dummy site queries, until I added the following code snippet below. In the fiddle, it seems that #header is adjusting its width based on the media query header regardless of resolution. If I remove it, everything works perfectly fine without any issues. I'm struggling to identify the cause of this problem. Thank you.
@media (min-width: 325px) {
#contain {
width:285px;
}
#header {
width:285px;
}