Table layout auto width - html

Question

I want to align "User ID" label right side to make it closer to it's value, see pic. below.
Seems can't solve this with additional colspan's. User ID can contain 1-9 digits.
<center>
<table id="customer_info">
<tr>
<td><img id="logo" src="img/logo.png" align="middle"></img></td>
<td colspan="2">User ID</td>
<td>011238</td>
</tr>
<tr>
<td colspan="3">Items to get:</td>
<td>390 s.</td>
</tr>
<tr>
<td colspan="3">Complete until:</td>
<td>21.1.2013</td>
</tr>
</table>
</center>
<hr />
table {
white-space: nowrap;
border: none;
width: 250px;
height: 50px;
border-spacing: 0px;
color: #806E66;
font-family: "Arial";
font-size: 14px;
text-shadow: 0 0 1px rgba(0,0,0,0.1);
}
#customer_info tr > td:last-child {
text-align: right;
font-weight: bold;
font-size: 16px;
color: #E36608;
}
#customer_info tr:nth-child(1) > td:nth-child(2) {
text-align: right;
font-size: 12px;
}

Answer 1

because you have all the table cells connected together and depends on each other width
to solve this one solutions is to do the following:
<center>
<table id="customer_info">
<tr>
<td colspan="3" align="right">
<table width="100%"><tr><td><img id="logo" src="img/logo.png" align="middle"></img></td><td align="right">User ID</td><td align="right">011238</td></tr></table></td>
</tr>
<tr>
<td colspan="2">Items to get:</td>
<td width="100%" align="right">390 s.</td>
</tr>
<tr>
<td colspan="2">Complete until:</td>
<td align="right">21.1.2013</td>
</tr>
</table>
</center>
<hr />
hope this helps

Answer 2

See Working Demo
HTML
<center>
<table id="customer_info">
<tr>
<td width="30%">
<img id="logo" src="img/logo.png" align="middle" />
</td>
<td width="15%"> </td>
<td style="text-align:right" width="30%">
User ID
</td>
<td width="30%">
011238
</td>
</tr>
<tr>
<td colspan="3">
Items to get:
</td>
<td>
390 s.
</td>
</tr>
<tr>
<td colspan="3">
Complete until:
</td>
<td>
21.1.2013
</td>
</tr>
</table>
</center>
<hr />
CSS
table {
white-space: nowrap;
border: none;
width: 250px;
height: 50px;
border-spacing: 0px;
color: #806E66;
font-family: "Arial";
font-size: 14px;
text-shadow: 0 0 1px rgba(0,0,0,0.1);
}
#customer_info tr > td:last-child {
text-align: right;
font-weight: bold;
font-size: 16px;
color: #E36608;
}
#customer_info tr:nth-child(1) > td:nth-child(2) {
text-align: right;
font-size: 12px;
}