Bakgrunden visas inte i FF

Hejsan,

jag har en fundering hur jag skall göra för att få bakgrunden på en bakomliggande div att visas...

#content {
    width: 650px;
    background: #000;
}
#left {
    float: left;
    width: 440px;
    background: #EEE;
}
#right {
    float: left;
    width: 200px;
    margin: 0 0 0 10px;
    padding: 0;
    background: #CCC;
}
...
<div id="content">
  <div id="left">
    ...
  </div>
  <div id="right">
    ...
  </div>
</div>

Alternativt skulle #right kunna se ut på följande:

#right {
    float: right;
    width: 200px;
    margin: 0;
    padding: 0;
    background: #CCC;
}

Avståndet som blir mellan left och right borde vara svart, problemet är att FF inte visar det på detta sätt.

Eftersom du använder float så måste du återställa
ordningen på dina divvar innan du avslutar content, ex.

<div id="content">
  <div id="left">
    ...
  </div>
  <div id="right">
    ...
  </div>
  [red]<br style="clear:both; />[/red]
</div>

Tack för den snabba hjälpen :)

Dock måste jag tillägga att det inte fungerar i IE längre. Byter jag br till hr fungerar det men en linje visas.

Kan det bero på att jag har ytterligare en div som jag inte tog med tidigare?

<div id="pos">
  <div id="content">
    <div id="left">
       ..
    </div>
    <div id="right">
       ..
    </div>
    <br style="clear: both;" />
  </div>
</div>

ejick skrev:

Dock måste jag tillägga att det inte fungerar i IE längre.

På vilket sätt fungerar det inte?

Det var visst den mänskliga faktorn som spökade, nu är problemet löst och jag tackar hjärtligast för hjälpen. :)

Det hade smygit in en liten kodsnutt som inte hade där att göra vilket resulterade i att problemet kvarstod. :r