Content Overflow

[Saboi]

Hello guys,

Need some aid here. Have the following on my site. However, one problem i am facing is that content in the center DIV overflows into the footer. This is so mainly in Firefox. The content fits well in IE though. Any idea where i could be getting it wrong?

#left{background-color:white; width:20%; float:left; height:100%; border-right:dotted thin blue; border-left:dotted thin blue;}

#center{background-color:white; width:75%; height:100%; float:left; text-align:left; padding:7px; text-align:justify;}

#right{background-color:red; width:auto; height:100%; overflow:auto; float:right; border-right:double thin blue;}

#footer{background-color:blue; width:100%; height:5%; clear:both; border:2px; border:double thin blue;}

[swa66]

What do you want to happen when you have more content than you allowed space for ?

Take a look at the overflow property:
[w3.org...]

As always, take care with IE not doing the right thing and settign you on the wrong foot.

[Xapti]

is there a problem with setting the height to 95%?