I have div wrapping around two divs (one of these divs is floating to the right).
I'm having a problem with this div that floats to the right, it floats fine but if it becomes taller than the other div, it goes straight passed the div that wraps around it.
CSS:
Code:
#maincontainer
{
top: 10px;
border: 1px solid #cacaca;
margin: 5px;
padding: 1px;
}
#right
{
float: right;
margin: 0;
padding: 1px;
padding-left: 5px;
width: 203px;
background-color: #ECEAEB;
font-size: 12px;
}
#content
{
padding: 1px;
margin: 1px;
width: 520;
}
HTML:
HTML Code:
<div id="maincontainer">
<div id="right"><span class="subheader">Navigation<br/></span>
<a class="navi" href="#">Home<br/></a>
<a class="navi" href="#">What is PHP?<br/></a>
<a class="navi" href="#">Beginner Tutorials<br/></a>
<a class="navi" href="#">Search<br/></a>
</div>
<div id="content"><span class="subheader">News<br/></span>
<span class="text">Well isn't this some nice news for you all... yes in dooodably...</span></div>
</div>
Can anyone tell me why it does this, and how to fix it?