Buongiorno a tutti, sapreste spiegarmi come posso risolvere questa situazione dalla quale non riesco più ad uscirne vivo:
IE7:


Altri browser (questo è lo screenshot fatto con Chrome, ma non ho riscontrato problemi nè con IE8 nè tantomeno con Firefox):


Il problema consiste nell'eccessiva spaziatura che si ha tra un oggetto e l'altro con IE7 e, di conseguenza, il testo va oltre il pannello di colore più chiaro.

Il codice HTML che c'è sotto quel pannello è il seguente:
codice:
    <div style="width:200px; float:left; overflow:hidden; padding-bottom:10px;">
        <div style="width:40px; float:left; text-align:center;">
            [img]images/pallino.jpg[/img]
        </div>
        <div style="width:160px; float:left; display:inline;">
            <asp:Label ID="lblData" runat="server" Font-Names="Verdana" Font-Size="Small"  Font-Bold="true" ForeColor="#a2131c" Width="100%"></asp:Label>
            <asp:HyperLink ID="HLTitolo" runat="server" Font-Names="Verdana"  CssClass="hyperlink-eventi-mini" font-Size="8pt"  Font-Bold="true" ForeColor="#1a171b" Width="100%"></asp:HyperLink>
            <asp:Label ID="lblLuogo" runat="server" Font-Names="Verdana" Font-Size="7pt"  Font-Bold="true" ForeColor="#5f5d5f" Width="100%" style="padding:0px; margin:0px;"></asp:Label>
        </div>
    </div>
come potete vedere stavo già iniziando ad impazzire con padding:0px e margin:0px ma assolutamente senza successo.
Sapreste darmi una mano?
Grazie anticipatamente.