Seemingly simple problem. I have a wrapper div with a border. Inside
is a content div, which uses relative positioning to move it down a
bit from the top of the wrapper border -- I used positioning to avoid
the discrepancies between IE and Mozilla when it comes to
margins/padding. The problem is, now the content div breaks out of the
wrapper div -- the wrapper fails to grow to accomodate the positioned
content, and instead acts as though the content is still in its
default position. Is there a way to fix this?
Here's an example:
<style>
div.wrap{border:1px solid blue;width:300px;}
div.content{border:1px solid
black;position:relative;top:50px;left:50px;width:2 00px}
</style>
<html>
<body>
<div class=wrap>
<div class=content>
test<br>
test<br>
test<br>
</div>
</div>
