I am showing hide/show login panel on the top of the page(exactly right side like a twitter) and my problem is screen resolution. In the small screen (1024768) this link shows properly but when i see it in the big screen (1600683) it goes far away(on the right side) from the exact position.
I want to use this hide/show panel after the image i am having in my header. I have few links besides this panel. so when i checked in the 1024768 resolution , all these links are working properly. but same code with 1600683 resolution panel’s shifting in the right side.
I’'m a little confused because looking at your code the panel is within #demo-header and therefore the panel will always be at the right of #demo-header no matter what the screen resolution is.
It will always appear at the right of that 960px element because position:relative creates the stacking context for the absolutely placed panel.
We may need to see your actual page unless you can clarify what is happening as I don’t see any difference depending on screen res because of the fixed widths used.