[HTML]<html><body>
<div id="container">
<div id="header">Main image</div>
</div>
</body>
</html>[/HTML]
and I want the container to grow as the the div's inside it are added. But for some reason it only grows if I add characters into it.(note this happens in FF, works fine in ie)
eg:
[HTML]<html><body>
<div id="container">
<div id="header">Main image</div>
</div>A
</body>
</html>[/HTML]
CSS code:
Expand|Select|Wrap|Line Numbers
- html{
- margin: 0 auto;
- width:100%;
- overflow: -moz-scrollbars-vertical;
- }
- body{
- margin: 0 auto;
- width:100%;
- }
- #container{
- margin: 0 auto;
- padding:0;
- width: 970px;
- }
- #header{
- float:left;
- height:100px;
- width: 960px;
- margin:0 5px;
- }
help please