오늘 해결한 fieldset관련 IE6 bug

다음 달에 메인개편에 맞춰서 일부 SNB도 개편 될 예정이다. 이번 SNB는 기존의 고정폭이 아닌 브라우저의 너비에 따라 가변으로 움직이는 형태이다.
처음엔 고정에 가운데 정렬인줄 알았다가 급하게 바꿨다지 ㄱ-;;; 검색영역이 있는데 이 부분을 오른쪽 정렬을 하려고 하니 계속 IE6에서만 좌측 정렬이 되는 것이다. 망할 IE6!!!라고 외치고 트위터에서는 돈만 많으면 IE6개발자 암살자 고용해서 없애고 싶다고 할 정도였음. 심지어는...정말 울어버릴 뻔 했잖아. 현재 우리팀 쪽 책상에는 나밖에 없뜸..하악...
정말 이 귀신이 곡할 노릇은 구글신님도 답변을 안해주시고..말이야!
다시 만들 각오로 차근차근 하나하나씩 뺐다가 다시 넣었다가 하다보니 해결이 되버렸다.
너무 허무해서 기가 막힐정도였음.

<div class="SnbSearch">
  <ul>
    <li class="first"><img src="../images/icon_new.gif" alt="new" />
    <a href="#">쏘리쏘리</a></li>
    <li><a href="#">사랑해</a></li>
    </ul>
    <fieldset>
    <legend>검색영역 폼</legend>
    <input type="radio" title="전체" /><span>전체</span>
    <input type="text" class="SnbTextBox" /><button type="submit" title="검색" id="SnbSubmit"><span>검색</span></button>
     </fieldset>
</div>

위와 같은 소스가 있고, CSS를 입힐 때, 나는 SnbSearch로만 위치를 잡았는데,
IE6에서는 .SnbSearch fieldset {...} 로 위치를 잡아야만 올바른 위치를 잡는다.
에휴...언능 SNB Variation 해야지! 내일은 간격도 잡아야하고 바쁘다 바뻐!