גלישת טקסט

אני בונה אתר, כאשר כל האתר בנוי מdivים והרוח והגובה של כל קופסה מוגדר, למעט החלק האמצעי של האתר (התוכן) ששם המטרה שזה יהיה דינאמי ע"פ כמות התוכן.

הבעיה היא שכאשר אני מזין תוכן לחלק האמצעי (שלא מוגדר לו גובה)התוכן גולש לטבלה שמתחת.

זה קורה רק בדפדפן מוזילה
ושמתי לב שרק אם אני שם בתוך הdiv עוד divים כדי לחלק את העמוד ל2 קופסאות (ימין ושמאל) אזי הטקסט גולש מטה

צירפתי את הקוד:





#Main { width: 770px; padding-top: 15px; color: #333333; }
#MainRight { float: right; width: 375px; padding-left: 10px; text-align: right; }
#MainLeft { float: left; width: 375px; padding-right: 10px; text-align: right; }

<div id="Main">
   <div id="MainRight">
      <h2> השירותים  <span class="green">שלנו</span></h2>
   </div>
   <div id="MainLeft">
      <h2> השירותים  <span class="green">שלנו</span></h2>
   </div>
</div>