html/css в месенджере

[anaksimandr]

Здравствуйте. Существует некий месенджер miranda im, который для отображения сообщений может использовать IE. Например, это может выглядит так

Я же хочу, чтобы в сообщении фон был не сплошной, а только под текстом как тут

Вот кусочек кода, отвечающий за входящее сообщение

<!--MessageIn-->
<div class="main tlo_white"><div class="content">
   <div class="header">
	  <div class="time">
		 <table cellspacing="0" cellpadding="0"><tr>
		 <td class="name_l"> </td>
		 <td class="time_m">%time%</td>
		 <td class="name_r"> </td>
		 </tr></table>
	  </div>
	  <div class="name">
		 <table cellspacing="0" cellpadding="0"><tr>
		 <td class="name_l"> </td>
		 <td class="name_m">%name%</td>
		 <td class="name_r"> </td>
		 </tr></table>
	  </div>
   </div>
<table cellspacing="0" cellpadding="0">
<tr>
		<td class="msg_avatar" valign="top"><script>getavatarsmall('%\avatarIn%');</script></td>
		<td class="message" align="left" width="95%" valign="top"><script>getitall('%\text%','%\name%','%\uin%','%\base%',meldungsart[0]);</script></td>
</tr>
</table>
</div></div>

А вот стиль для него в css (конкретно для message)

.message {					  
		background: White;			 
		font-size: 9pt;
		padding: 8px 8px 8px 8px;
		color: #000000; 
}

Тут, в принципе, почти все понятно, а вот как сделать то ,что я описал выше я не знаю. Подскажите про что почитать/через что можно реализовать и насколько это сложно.

Спасибо.