Screen resolution problem

[nisus]

Hi,

I have a problem in screen resolution and according to that resolution my sliding panel goes here and there.

here is the original position



see how its changing with resolution



Here is the CSS code

/* sliding panel */
#toppanel {
position:absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;

}


any ideas?
Thanks in advanced

[robot bo]

page url please!


http://blog.shoessm.com/Content.Asp?id=8,IE and Firefox's CSS-compliant,maybe will give U some help

[nisus]

page url please!


http://blog.shoessm.com/Content.Asp?id=8,IE and Firefox's CSS-compliant,maybe will give U some help

sorry not hosted yet.still in localhost

[c_cicca]

Using relative width you have problems like this one, a solution is to catch the screen resolution with javascript and then can give another stylesheet with other settings.