IE6 : CSS Double Margin Float Bug.

원본출처: http://www.positioniseverything.net/explorer/doubled-margin.html



IE6에서 float방향과 동일한 방향의 margin 값이 2배로 되는 버그.




요렇게 하고 싶어서

요렇게 하면

.floatbox {
  float: left;
  width: 150px;
  height: 150px;
  margin: 5px 0 5px 100px;
  /* This last value applies the 100px left margin */
}

IE6에서는 이렇게 나옴.

해결책

.floatbox {
  float: left;
  width: 150px;
  height: 150px;
  margin: 5px 0 5px 100px;
  display: inline;
}