[thelist] Odd DIV/Border Issue

[Anthony Baker]

Hey All,

I am currently working on a template for a site design that
calls for a centered layout with two main columns.

A rough example of the layout is as follows:

  <div id="frame">

     <div class="twoColumn">

         <div class="rightColumn">
            <div class="eventDates">Item</div>
         </div>

         <div class="leftColumn">Text</div>

     </div>

  </div>
  <img src="footer_graphic.gif">


The div "frame" has a single-pixel border around it, with a
graphical footer following below.

The div "eventDates" has a border around it, and sits inside
the rightColumn.

On IE 6.0, this all works/displays perfectly. 

On Mozilla, the div "frame" seems to not be extending past
the div "eventDates"-- in fact, "eventDates" overlaps the
bottom border of "frame", which shouldn't be happening.

Note: Have not yet checked Opera or Mac browsers.

I have no idea what's causing this, and would love to get
some support. 

Anyone?


Template HTML
<http://elephantv2.thinkbigideas.com/home.php>

Template CSS Files
<http://elephantv2.thinkbigideas.com/code/css/complex.css>
<http://elephantv2.thinkbigideas.com/code/css/simple.css>



-------------------------------------------------------------
Anthony Baker | ThinkBigIdeas | Creative Design & Development
539 Ivy Street   San Francisco   California   94102-4133  USA
tel: 415.626.7697 | fax: 415.626.5297 | www.thinkbigideas.com