You need to fix your HTML to look like this:
<div style="border:2px solid white;width:700px;height:350px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;background-color:#90C382;display:table;">
<u>
<b>
<font color=#EC008B>
<font size=5>MEASUREMENTS IN INCHES</font>
</font>
</b>
</u>
<br />
<table border="0" cellpadding="5" cellspacing="0" width="600">
<tr>
<td align="left" valign="top" width="200">MEASUREMENTS</td>
<td align="left" valign="top" width="200">MEASUREMENTS</td>
<td align="left" valign="top" width="200">IMAGE WILL GO HERE</td>
</tr>
</table>
You are opening and closing tags randomly. For example your code had:
<u>
<b>
<font color=#EC008B>
<font size=5>MEASUREMENTS IN INCHES
</u>
</b>
</font color=#EC008B>
</font size=5>
this is incorrect HTML, if you open a tag <u>
you must close it AFTER all other tags inside are closed. So your code should look like:
<u>
<b>
<font color=#EC008B>
<font size=5>MEASUREMENTS IN INCHES</font>
</font>
</b>
</u>
Also when you close a tag(</font>
) you CANNOT apply attributes inside it. FOr example, you cannot do this:
</font color=#EC008B>
</font size=5>
EDIT: Fixed your markup: http://jsfiddle.net/tsecn/4/