How to place image on left side of a table in HTML5 - html

Question

I am using HTML5.
I want to have a page in which, it has a image and table side by side
Means,
we can consider <table>
In which, I have a <tr>.
In <tr>, I have 2 <td></td>
In one <td>,I want to display an image and in another<td>,
I want to display a <table> having some fields.
But it is not displaying properly.
second <td> data is displaying below the first <td>
my scenario is like:
<table>
<tr>
<td>
<image src=""></image>
</td>
<td>
<table>
<tr>
<td>
field1
</td>
<td>
textbox
</td>
</tr>
<tr>
<td>
field 2
</td>
<td>
textbox
</td>
</tr>
<tr>
<td>
button
</td>
</tr>
</table>
</td>
</tr>
</table>
Screen is displaying like this:
how can I do this?
Updated:
My ASP.NET MVC View:
<table>
<tr>
<td>
<div style="width: auto; height: auto;">
<image src="../../Images/Image1.jpg"></image>
</div>
</td>
<td>
<div style="width: auto; height: auto;">
<table>
<tr>
<td colspan="2" align="center">
Application1
</td>
</tr>
<tr>
<td colspan="3">
<%: Html.ValidationSummary(true, "Login was unsuccessful.")%>
</td>
</tr>
<tr>
<td>
<%: Html.LocalizedLabelFor(m => m.LoginID)%>
</td>
<td>
<%: Html.TextBoxFor(m => m.LoginID)%><br />
</td>
</tr>
<tr>
<td>
<%: Html.LocalizedLabelFor(m => m.Password)%>
</td>
<td>
<%: Html.PasswordFor(m => m.Password)%><br />
</td>
</tr>
<tr>
<td>
<input type="submit" value="Log On"
name="Login"/>
</td>
</tr>
</table>
</div>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>