Problema footer spostato

[Valeria75_bis]

Secondo voi perchè questo footer mi risulta spostato .... con il margin-left degli oggetti sopra??

<div id="main"> 
    
<div id="menu">


Menu


</div>    

<div id="content">

<div id="bar_s"><div id="bar_e"><div id="bar_n">

</div>




<div id="footer">

Footer

</div> 

#main
{
    margin: auto;
    width: 980px;
    height: 600px;
}


#content
{
    width: 980px;
}


#bar_s
{
    margin-left: 0px;
    margin-top: 8px;
    width: 516px;
    height: 60px;
}

#bar_e
{
    margin-left: 518px;
    margin-top: 8px;
    width: 229px;
    height: 58px;
}

#bar_n
{
    margin-left: 231px;
    margin-top: 8px;    
    width: 229px;
    height: 58px;
}


#footer
{
    margin-left: 0px;
    width: 980px;
    background: #ffffff;
}