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

http://i41.tinypic.com/2v1nel3.jpg

see how its changing with resolution

http://i43.tinypic.com/2lnda8n.jpg

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.