I have me a div here that I'm using for a vertical navigation bar.
#leftBanner {
height: 100%;
background-color: #CCC;
width: 22%;
min-width: 245px;
max-width: 355px;
float: left;
}
I've been trying all day to get a div floated next to it that doesn't slide under when filled with content or overlap. I understand I could easily remove the min/max and make it a fluid, 22% div. Or even make it static at 300 or so px, but I'd like to try to figure out a solution before I give in.
Here's a fiddle I've been messing around with. Any help would really be greatly appreciated as I've been trying at this all darn day.
http://jsfiddle.net/2m4FB/