When I set the position of an absolute div like this:
left: 700px;
It does not move when I resize my browser window. How can I make it float to the right and move left when resizing the window?
To illustrate the issue, take a look at this site. Check out the image slider and the arrow to the right of it. Here is its style:
#slides .next,#slides .prev {
top:165px;
left:-20px;
width:24px;
height:43px;
display:block;
z-index:999;
position: absolute;
}
#slides .next {
left: 700px;
}
Now try resizing the window with that slider. The arrow will remain in the same position instead of moving left along with the slider background.
Attempts to use float: right; right: 0px; have not yielded results.