I created a div tag with min-height and gave background color 'red'. but on mozilla firefox the height of the div not increasing when the content crosses min-height limit. heres my code:\[code\]<style type="text/css"><!--ul{display:block;padding:0px;width:500px;}.b{width:250px;float:left;display:block;}div{min-height:50px;width:500px;background-color:red;}--></style><div><ul><li class="b">asdsad</li><li class="b">asdsad</li><li class="b">asdsad</li><li class="b">asdsad</li><li class="b">asdsad</li><li class="b">asdsad</li><li class="b">asdsad</li></ul></div>\[/code\]its seeming the div height would have to be set to fit contents,but I don't know how else can I do that.if I don't use height then background-color can't be set.please tell me how can I fit the contents to the div as well as the background color would be red.
(Don't know if I explained it clearly.so please ask me if you want to know more about the question.)-Thanks.RESOLVED: thank you everybody for your kind answers.
(Don't know if I explained it clearly.so please ask me if you want to know more about the question.)-Thanks.RESOLVED: thank you everybody for your kind answers.