Question

I have the following class.

.ZipCodeBox
{
  background: url('images/ZipCodeTextBox1.png') no-repeat top;
  width: 157px;
  height: 45px;
  top: 400px;
  left: 510px;
  position: absolute;
}

This is positioned fine when i have the browser full screen. But when i minimize the browser, the control starts shifting. Is there a way to fix this?

Thanks!

Answer 1

You didn’t provided enough information for us to give you right answer. But in my experience your problem is related to positioning. As Diodeus said position:absolute depends on which node up the HTML tree has position:relative set. Without this information a solution cannot be determined.
To learn more about positioning check out this tutorial at A List Apart.