CSS DIV width problems

Hope someone can help with this i've set this code below

<table width="160">
<tr>
<td><div class="mystyle">some text here</div></td>
</tr>
<tr><td>...some other stuff...</td></tr>
</table>

The div style sets padding, background colour, font colour and a background image that's aligned to the right hand side;

.mystyle {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background: #003366;
padding: 6px;
white-space: nowrap;
}

The problem is that the div fills the <td>'s 160px width rather than constraining itself to the with of its content, i've tried adding a minimum width of say 10px which seems to work in IE on PC but nothing else. How can i get it to reliably follow the widths of the content and padding??

Can't test this, but what about trying this:

div is a block element. By default, it fills the width available in its containing element. IE and Opera will incorrectly "shrink-wrap" certain block elements. In your case, use an inline element rather than block, eg.cheers,

gary