Ho un layout di 3 colonne una accanto all'altra, IE li posiziona a sx e FF a dx, come faccio a metterli uguali per i browser?

codice:
#content{
background-color:gray;
width:780px;
height:300px;
margin:0px auto;
}

#content-sx{
float:left;
width:50px;
height:5px;
}

#content-centr{
float:left;
width:160px;
height:5px;
}

#content-dx{
float:left;
width:50px;
height:5px;
}