Aiuto CSS sidebar su IE

[orux]

Ciao a tutti,
sono giorni (anche più!!!) che cerco una soluzione a un problema di CSS.
Su Firefox e Opera non ho problemi, ma Internet Explorer mi visualizza male i menù sulla sidebar nonostante margin e padding siano impostati a zero. C'è uno spazio verticale che non dovrebbe esserci e che si ripete più volte.
Il tema che sto sviluppando è in locale, posso farvi vedere soltanto uno screenshot di quello che si vede con IE.



Per favore, qualcuno mi aiuti... sto perdendoci davvero un sacco di tempo!

Grazie mille

Ecco la parte di CSS che dovrebbe interessare.

*
{
    margin: 0px;
    padding: 0px;
}

#area_2
{
    width: 960px;
}

#column_1
{
    display: inline;
    width: 160px;
    margin-left: 46px;
    float: left;
}

#advertise_3
{
    height: 600px;
}

#column_2
{
    width: 180px;
    margin-left: 30px;
    float: left;
    font-family: Arial, Sans-Serif;
    font-size: 10px;
}

#column_2 h2
{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    line-height: 31px;
}

#column_2 ul
{
    list-style: none;
    margin-top: 0px;
}

#column_2 ul ul
{
    line-height: 22px;
}

#column_2 ul ul li li
{
    text-indent: 15px;
}

#column_2 ul ul li li li
{
    text-indent: 30px;
}

#column_2 ul ul li li li li
{
    text-indent: 45px;
}

#column_2 ul ul li li li li li
{
    text-indent: 60px;
}

#column_2 a
{
    display: block;
    background: #b3b3b3 url(./images/1x22.jpg) repeat-x top;
    text-decoration: none;
    border-bottom: 1px solid #b3b3b3;
}

#column_2 a:hover
{
    text-decoration: none;
    background: transparent;
}

#searchform
{
    margin-top: 22px;
    margin-bottom: 10px;
}

.searchinput
{
    background: transparent url(./images/1x22.jpg) repeat-x bottom;
    border: #b3b3b3 1px dashed;
    width: 114px;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    letter-spacing: 1px;
}

.searchsubmit
{
    background: transparent url(./images/1x22.jpg) repeat-x bottom;
    border: #b3b3b3 1px solid;
    margin-left: 7px;
    width: 55px;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
}

#archive_chrono
{
    margin-top: 12px;
    margin-bottom: 10px;
    width: 180px;
    background: transparent url(./images/1x22.jpg) repeat-x bottom;
    border: #b3b3b3 1px dashed;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    letter-spacing: 1px;
}

.searchsubmit:hover, #archive_chrono:hover
{
    background: transparent;
    cursor: pointer;
    color: #b3b3b3;
} 

e questo è il codice:

<ul>

    <?php wp_list_pages('title_li=<h2>Informazioni</h2>' ); ?>
[/list]

<?php include(TEMPLATEPATH . "/searchform.php"); ?>

<form id="archiveform" action="">

    <select id="archive_chrono" name="archive_chrono" onchange="window.location=(document.forms.archiveform.archive_chrono [document.forms.archiveform.archive_chrono.selectedIndex].value);">
        <option value=''>Archivio del sito in mesi</option>
        <?php wp_get_archives('type=monthly&format=option'); ?>
    </select>

</form>

<ul>

    <?php wp_list_categories('orderby=name&title_li=<h2>Categorie</h2>'); ?>
[/list]

<?php if ( is_home() || is_page() ) { ?>

    <ul>
    
        <?php get_links_list(); ?>
    
    [/list]

    <ul>

        [*]
            <h2>Meta</h2>

            <ul>
                <?php wp_register(); ?>
                [*]<?php wp_loginout(); ?>

            <?php wp_meta(); ?>

            [/list]

        

    [/list]

<?php } ?>

[orux]

Per favore qualcuno mi aiuti.
Il sito è basato su Wordpress, quindi stiamo parlando del codice di un tema per Wordpress.

Su http://www.wordpress-it.it/forum/top...s=6#post-24107 mi hanno suggerito di guardare questa pagina:

http://www.brunildo.org/test/IEWlispace.php

dove si parla di un particolare bug di IE, ma io (per colpa mia) non riesco a cavarci la soluzione anche se mi sembra proprio quello il problema.

Davvero, aiuto!!!!!!!!!

[orux]

OK!!! Ci sono riuscito... grazie cmq!
Ho risolto... Incredibile!
Ho aggiunto l'esatta dimensione di "width: 180px;" nel CSS con "display: block;"

EVVIVA!

#column_2 a
{
    width: 180px;
    display: block;
    background: #b3b3b3 url(./images/1x22.jpg) repeat-x top;
    text-decoration: none;
    border-bottom: 1px solid #b3b3b3;
}