I used the resolution checker javascript and it calls the appropriate .css for the visitors screen resolution. this script is pulling coordinates for a dhtml scroller. Works Great except it is pulling my down arrow from my absolute postioned scrollable area to the bottom left of the page when the coordinates in the .css say otherwise. Im stumped can someone help? Here is the link
<!-- m --><a class="postlink" href="http://www.travelinggrace.com/index_test.htm">http://www.travelinggrace.com/index_test.htm</a><!-- m -->
Here one of the .css
<style type="text/css">
#divUpControl{position:absolute; width:440; left:275; top:251; z-index:1; text-align: right}
#divDownControl{position:absolute; width:440; left:275; top:392; z-index:1; text-align: right}
#divContainer{position:absolute; width:440; height:140; overflow:hidden; top:253; left:235; clip:rect(0,440,170,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
<!-- m --><a class="postlink" href="http://www.travelinggrace.com/index_test.htm">http://www.travelinggrace.com/index_test.htm</a><!-- m -->
Here one of the .css
<style type="text/css">
#divUpControl{position:absolute; width:440; left:275; top:251; z-index:1; text-align: right}
#divDownControl{position:absolute; width:440; left:275; top:392; z-index:1; text-align: right}
#divContainer{position:absolute; width:440; height:140; overflow:hidden; top:253; left:235; clip:rect(0,440,170,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>