I've almost finished upgrading my layout and am pretty happy with it. There's only one issue I can't solve. I really want to keep the layout variable width. For what we're trying to accomplish cramming the information into 800-900 pixels just doesn't do justice to everyone who has larger monitors.
So, my problem is this. I've designed the two main content blocks using variable width (by %). I'm VERY happy with the way it looks on any browser window > 1000 pixels. Unfortunately, as you shrink the window smaller and smaller the two content blocks (which are side by side) begin to overlap.
Is there any way to prevent this? I've tried working with the min-width tags, but that only controls the container, not other elements related to it. I also read up on the clear: left/right construct, but it doesn't seem to apply here either.
Is there some solution I'm missing? Or can I define a minimum page width but no maximum? So frustrating to be so close but still have a major problem.
Sample page is: http://www.infolists.com/testnew.htm