I'm working on a UI and I have come across two issues I cannot seem to figure out.
The first involves the use of overflow:auto. Within the link below the bottom section with the tabs is broken up into two separate tables - yes tables. It is tabular data so it is ok! Anyway I need the heading to be absolutely positioned and the data itself to fit inside the container and if needed have a scrollbar. I pretty much have it working except that I have to use a fixed pixel width for the tables. If I use a percentage, which is what I want, the columns within the two tables no longer line up because of the scrollbar and I often get a horizontal scrollbar. Any ideas how to effectively use percentage widths in this case to keep with the fluid layout?
My second issue involves absolute positioning specifically with IE. If I specify top, left, bottom, and right pixels it works fine in FF. The height and width of the map div adjust according to the browser. In IE however I can seemingly only specify top or bottom and left or right. I do not want to specify a specific width or height but IE basically doesn't think there is any content in that div to stretch it. I really want the div to stay X pixels from any given side to it is dynamically sized. Any solutions to this that anyone knows about?