I have a 2 column layout in CSS, and each column contains a panel. The panels display dynamic text, which the user maintains in an SQL database. Because the text for the 2 columns is dynamic, I cannot determine if Column A will be longer than Column B.
Because of this, I am using the "faux column" technique to make it appear that the columns float all the way down the page (encapsulating the longest panel). This works fine in IE, but in Firefox, the background graphic is always stopping on the shortest column... I am at a loss. Here is the rough layout of the page, and the CSS behind it.
<div class="wrapper">
<div id="content">
<div Go to the complete details ...