[Design with CSS 2641] css layout (stupid) problem

[Giacomo]

Hi everybody.
I've a (stupid) problem with a css layout and two boxes.
This is the situation:

<div ="box">
 <div ="left">menu with 5 li element</div>
 <div ="right">this is my dynamic text</div>
</div>

<div ="box">
 <div ="left">menu with 5 li element</div>
 <div ="right">this is my dynamic text this is my dynamic text<br>
  this is my dynamic text this is my dynamic text<br>
  this is my dynamic text this is my dynamic text<br>
  this is my dynamic text this is my dynamic text<br></div>
</div>

<div ="box">
 <div ="left">menu with 5 li element</div>
 <div ="right">
  this is my dynamic text this is my dynamic text<br>
this is my dynamic text this is my dynamic text<br>
[...]</div>
</div>

where:
.box { margin:10px; display: block; width: 98%; border: 1px solid
gray; min-height: 100px; height: auto !important;}
.left{width:15%; min-height: 100px; height:100% auto !important;
height: 100px; background-color: white; float:left;text-align:left}
.right {width:85%; min-height: 100px; height:100% auto !important;
height: 100px; float:left;background-color: #cdcdcd}

Well: everything is ok with Opera and Explorer but not with Firefox
(doesn't auto increase the size of the box if there is a big text)
Where is the problem?
What can I do?

Thanks a lot

-- 
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: css-design@googlegroups.com
To unsubscribe: css-design-unsubscr...@googlegroups.com