float left differenze tra FF e IE

[max103]

ho un div "wrapper" che contiene "content" e "navigationright"
dentro "content" ci sono icone di una galleria fotografica, dentro "navigationright" un menu.
In FF vedo ok, in IE le icone sbordano e vanno sopra a "navigationright".
Come posso evitare che i contenuti dei due div si sormontino?

CSS:
div#wrapper{
float:left;
width:100%;
}
div#content{
float:left;
margin-right:200px;
margin-top: 3px;
}
div#navigationright{
float:right;
width:200px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 0px;
margin-left:-200px;
background:#F5F4D6;
border-top: 0px;
border-right: 0px;
border-bottom: 2px solid #918F71;
border-left: 0px;
}


allego uno schema per capire meglio:
nero=#wrapper
verde=#content
arancio=#navigationright
grigio=icone

grazie