Yes that's correct. Which in your case is the form element
How come in this case as the form was NOT set to scroll, just the <div id ='search_results' (inside the form) is set to overlow-x did the #search_table_paginate and #search_table_info divs positioned absolutely to 'search_results' and not the form?
Thank you for your help!
You didn't set a left or right position so the position becomes auto. That is the element will sit in the flow at the point it would have been had it not been removed. So when you scroll the table the absolute element still retains that auto position at the left of the table and thus keeps track with the edge of the table. The table was hidden with overflow but the pagination will ignore the overflow because its parent (the form element ) is outside that overflow content and so the overflow does not apply to it which is why it remains visible but stills scrolls left with the table.
In IE6 and 7 if the text is set to text-align center and absolute element will sit in the middle of the page where no left and right co-ordinates have been specified. Therefore its always safer to set one of the horizontal co-ordinates although sometimes that's not possible if you want auto alignment. Note that IE6 and 7 will require the position:relative element to have haslayout in order to position an absolute child properly.