problema con ul annidati

[oronze]

Salve...vi allego una immagine per dare subito un'idea del problema

vi posto il codice html

<div id="pagina">
    <div style="float:left; width:500px; background-color:#FFF;">
        Contenuto della pagina
    </div>
</div>
<div id="sidebar">
    <ul class="sidebigul">
        [*][url="#"][img]../img/feed.png[/img][/url]
        [*]<h2>Categorie</h2>
            <ul class="sideminul">    
                <li class="cat-item cat-item-1">[url="http://127.0.0.1/mcalamita/blog/?cat=1"]Senza categoria[/url] (2)
                
            [/list]
        
        ALTRI TAG <LI>
    [/list]
</div>
<div style="clear:both"></div>
</div> 

e il css

#sidebar img{
    border:0;
}
#sidebar{
    float: right;
    width: 250px;
}
.sidebigul{
}
.sidebigul li{
    list-style-position: outside;
    list-style-type: none;
    background-color: #Efffff;
}
.sideminul{
}
.sideminul li{
    list-style-type: decimal;
} 

come faccio a eliminare lo spazio A e quello B? io vorrei che la ul partisse attaccata!

[ricman]

Devi "giocare" coi margin e/o padding dei vari elementi per vedere qual'è che ti da' noia...

[oronze]

ci ho provato ma non si muovono di un millimetro

[oronze]

risolto....c'era una riga minuscola nel css che nn avevo visto (nonostante le 3 revisioni) che impediva agli ul di muoversi

[oronze]

ora il problema è che con IE5.5 e IE6 non si vede nulla...

#sidebar{
    float: right;
    width: 250px;
}
#sidebar img{
    border:0;
}
.sidebigul{
    margin: 5px;
    padding: 0;
}
.sidebigul li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sideminul{
    margin: 0;
    padding: 10px;
}
.sideminul li{
    margin: 0;
    padding: 0;
}
.sideminul li ul{
    margin: 0;
    padding: 0;
    padding-left:10px;
} 

se elimino
#sidebar{
float: right;
width: 250px;
}
si vede correttamente...come mai? c'è qualche bug documentato in merito?