css - Div height not resizing when height is given as %, but will when given as number in firefox -


my problem have 1 div nested inside large div. larger div called content, , smaller 1 content-middle. content div first (and only) element inside tag, , resizing. css follows:

body, html {     height:100%;     margin:0px !important;     padding:0px;     background-color:#003a69; }  #content {     width:100%;         min-height:100%;     position:relative;     background-color:#00693e;     background: url(images/background-green.jpg) repeat; }  #content-middle{     background-color: white;     margin:0px auto;     width:930px;     height:auto !important;     height:100%;     min-height:100%;     color:black; } 

the html structure this: body->content->content-middle

the problem in firefox, div content-middle not resize size of container (100%) if put in 10000%. however, if put number in min-height (such 10000) resizes properly.

this works in opera, ie doesn't work (not surprising), havn't tried else. bug? can figure out workaround?

thanks in advance!

change #content 'height' instead of 'min-height'.


Comments

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -