You should know that modern browsers control wither they see pop ups or not. I went to you site
http:10in30.com and saw nothing because I block pop ups and I think the majority of users do.
Given that, setting your css to look good in various monitor dimensions is a good idea. A good place to get all the info on this is
https://developer.mozilla.org/en-US/.../Media_queries
The @media and screen sizes works when you use CSS3. @media breaks the css up into sections, each section has it's own rules. This way you can write general rules and than place important rules or rule changes after in their own section.
In my example I used max-width. You might want to try min-width for what you want. But this example works in firefox (did not test in anything else) If you shrink the browser width after loading you will see the back ground color change.
Code:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@media only screen and (max-width: 1440px) {
body{
background-color:red;
}
}
@media only screen and (max-width: 800px) {
body{
background-color:blue;
}
}
@media only screen and (max-width: 650px) {
body{
background-color:green;
}
}
</style>
</head>
<body>
</body>
</html>