In need of some help with my CSS for my layout

[zeropsi]

This is my mockup: http://beta.investchallenge.com/

The corresponding CSS for the page: http://beta.investchallenge.com/styles/layout.css

I am trying to figure out how I can get my #content_right to by liquid and fill the enter remaining portion of the #content.

Also, my #content seems to be off the radar in Firefox, but presents itself just fine in IE.

Is there any glaring problems in my CSS?

Thanks!

[BLiZZaRD]

You are closing your div tags too soon.

basically you have one table (although not opened) and 2 divs on it:



------------------
| |
| |
1 | 2 |
| |
-----------------

(more or less....) You open div for content 1 first, if you close that main div before you open div for content 2, then content 2 will be below content 1, which is what I am seeing on your page.

in a shortened example try to make it like this:

<div content1>
<div for stuff>
content here
</div for stuff>
<div for content 2>
<div and other contents>
</div and other contents>

</div content 2>
</div content 1>

Hope that makes sense....