Can someone help me with this issue? The left-menu div is not the same height as the main content. I've tried using overflow, but it just adds a scroll bar. I've looked at numerous posts on Stack Overflow, but I can't seem to fix this problem. Thank you in advance for any assistance.
<header>
<div class="logo"></div>
<div class="right"></div>
<br style="clear: both">
</header>
<div class="content">
<div class="leftMenu"></div>
<div class="main">
<div class="hotSpots">
<div class="block1">
<div class="icons">icon</div>
<div class="table">
<table>
<tr>
<td>1</td>
<td>name</td>
<td>locations</td>
<td>shares</td>
<td>social</td>
<td>redirect</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>