Кто разбирается в постройке гаджетов, подскажите пожалуйста, у меня не получается задать авто высоту гаджета (
height: auto; ) получается белиберда.
HTML код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
width: 150px;
height: auto;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(fon.png);
}
.hap {color:#86b633; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; font-weight:bold; line-height: 1em;}
.krasn {color:#F00; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; margin-top: 1em;}
.chorny {color:#000; font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="fon1.png"> </td>
</tr>
<tr>
<td align="left" valign="top" background="fon2.png" style="padding-left: 5px; padding-right:5px;"><script>var calendru_c='chorny';var calendru_mc='krasn';var calendru_dc='';var calendru_c_all='';var calendru_n_l=0;var calendru_n_s=1;var calendru_n_d=0;var calendru_i_f=1;var calendru_show_names = 0;</script><script src=http://www.calend.ru/img/export/informer_new_theme1u.js?></script></td>
</tr>
<tr>
<td background="fon3.png"> </td>
</tr>
</table>
</body>
</html>
Гаджет здесь: 89 кБ