Question

I have a <a> in a <div> but the <div> doesn’t recongize the <a> and adjust and increase its height to accomodate the link.

Check it out my html/css here: http://jsfiddle.net/RjfVN/2/

Answer 1

That is because your section-link class has float: left;
You need to clear the float. To do this you can add a div directly after the closing </a> like:

<div style="clear: left;"></div>

Or

<div class="clearfix"></div>

And add .clearfix{ clear: both; } to your css so you can reuse it.