website designed in asp.net looks different on different size of monitor

[rhishi20]

I have designed a website in asp.net & make compatible with 1024*768 resolution by using css media queries.

 

following css media query i have used

 

@media only screenand (min-width : 1000px) and (max-width:1024px){#div1{ width:1012px; height:460px; }#GridView2{ width:1012px; height:460px; } }

 

at first, i have tested my website on IE8 on my own monitor screen (19 inch monitor), everything works fine for me but when i have tested same website on littile bigger screen (21 inch monitor) with 1024*768 resolution & IE8 browser, gridview felt shorter in height when i run website.

 

i don't understand why this is happening though i have run website both times on same resolution (1024*768) but different size of screen.

 

suggest any solution to tackle this problem.