Question

I want to build a template with two columns with 100% height.
They should stick together as one column, together about 960px.

Somehow, Firefox does its own thing and i just cant get the two columns 100%.

http://jsfiddle.net/BbC4N/5/

<div id="head">Menu</div>
<div class="wrapper">
    <div class="wrapper2">
        <div id="left" class="inner">LEFT</div>
        <div id="right" class="inner">RIGHT</div>
    </div> 
</div>

Answer 1

In this case I’d recommend using CSS tables:

Here’s a very simplified demo: http://jsfiddle.net/BbC4N/9/