Min height not working on DIVs? Help! :-0

[rockyroad]

Hello

I wish to have a footer DIV with two other DIVs nested inside at varying widths. The problem I have having is this - I can set a min height on the outer footer div, and everything looks great, until I try and view in Firefox or Netscape with the text size increased, the text just stretches the container DIVs rather than the outer DIV expanding...

There must be an easy fix to this but I am not seiing it...

Here's my code ---

<div id="Footer" style="min-height:60px; height:auto !important; background-color:#000000; color:#CCCCCC; position:relative;">
						
<div style="width: 530px; float:left;  background-color:#666666; text-align:center; vertical-align:middle;">
	Home <p>More text</br>
	</div>
	<div style="width: 120px; float:left; text-align:center; background-color: #CCCCCC;">test</div>

</div>

Does anyone have example code of something similar that is working properly? Thanks,

RR

 

[BillyRayPreachersSon]

After the second div, place another element with a clear on it:

<div style="width: 120px; float:left; text-align:center; background-color: #CCCCCC;">test</div>
[b]<div style="clear:left;"></div>[/b]

and see if that does the trick.

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[rockyroad]

Hi, thanks,

But I am affraid it didn't work...