Problema dopo centramento ul in un div

[Redmile]

Ciao,
dopo aver cercato su internet una soluzione che mi permettesse di centrare un UL in un DIV, ora sono alle prese con un altro problema, come da immagine, il div non riempie tutto lo spazio con il background



HTML

<div id="step">
 <ul>[*][img][/img]Idee[*][img][/img]Esecuzione
   <li class="noMargin">[img][/img]Passione[/list]
</div>

CSS

div#content #left #step {
            background-color: #e3decf;
            border-bottom: 1px solid #b0aca1;
            margin: 30px 0;
            height: 70px;
            display: block;

            float:right;
            position:relative;
            left:-50%;
            text-align:left;
        }

            div#content #left #step ul {
                margin-top: 17px;

                position:relative;
	            left:50%;
            }

                div#content #left #step ul li {
                    font-size: 20px;
                    background-color: #ebe8da;
                    border: 1px solid #cfc8ba;
                    margin-right: 40px;
                    padding: 10px 15px 10px 50px;

                    float:left;
                }

come risolvo? Grazie

[sandrone65]

Non mi è molto chiaro cosa stai cercando di ottenere, però se ti riferisci al fatto che i[*] escono a destra dal contenitore "step" questo avviene a causa della direttiva

left:50%;

applicata a div#content #left #step ul, hai posizionato l'<ul> in modo da farlo partire a metà del suo contenitore.
Se la togli i[*] tornano al loro posto

[Redmile]

edit: sono riuscito a centrarlo in un altro modo

ecco la soluzione a chi servisse

CSS

div#content #left #step {
            background-color: #e3decf;
            border-bottom: 1px solid #b0aca1;
            margin: 50px 0;
            height: 70px;

            text-align:center;
        }


div#content #left #step ul {
                margin-top: 17px;

                display: inline-block;
            }


div#content #left #step ul li {
                    font-size: 20px;
                    background-color: #ebe8da;
                    border: 1px solid #cfc8ba;
                    margin-right: 40px;
                    padding: 8px 15px 8px 50px;
                    
                    float:left;
                }