Baru-baru ini ada sedikit masalah di salah satu kerjaan gw, gw mau buat container dengan width 100%, dimana container itu langsung di bawah tag body. CSS yang gw pake pertama kali adalah :

  1. #main_container {
  2. margin:0px auto;
  3. padding:0;
  4. width:100%;
  5. }

Di IE berjalan dengan baik, tapi ngga di FF. Nah, cara mengatasinya :

  1. #main_container {
  2. margin:0px auto;
  3. padding:0;
  4. width:100%;
  5. background:#fff repeat;
  6. position: absolute;
  7. left: 0;
  8. right: 0;
  9. top: 0px;
  10. }

Browser tertentu memakai keempat koordinat untuk menghitung lebar dan tinggi dari element yang diposisikan secara absolut. Lebih lanjut baca disini.