그누 회원들에게 스킨 선물 드리겠노라 약속을 못지키고 있습니다.
바로 아래와 같은 div css 설정 때문인데요.
div를 나란히 정렬시켜야 하는 상황에서 어려움을 겪고 있습니다.

<제가 원하는 출력 화면>
           레이아웃의 기준폭                        
  1번 div                  2번 div                    

1번과 2번 div를 각각 float:left 시켜서 나란히 정렬시켰습니다.
이때, 1번 div와 2번 div는 넓이가 모두 가변적입니다.

1번 div에는 이미지를 담고, 이미지 크기에 따라 width가 가변적입니다.

2번 div에는 특정 내용 또는 이미지가 들어갑니다.
2번 div는,
넓이가 가변적인 1번 div처럼, 2번 역시 그 넓이가 가변적이어야 하겠지만,
위 최상단 그림 "레이아웃의 기준폭"에 꽉 차게 하고 싶습니다.


그런데, 익스에서는 1번과 2번 div를 float:left 시켜고,
2번 div width를 100% 설정해도 위와 같이 출력되는데,
다른 브라우저에서는 2번 div가 아래와 같이 변해버립니다.

<문제가 되는 불여우나 오페라 등의 브라우저 화면1>
           레이아웃의 기준폭                        
      1번 div       
                      2번 div                           


그래서 2번 div width 값을 주지 않으면,
2번 div 안에 담기는 내용 길이만큼만 출력됩니다.

<문제가 되는 불여우나 오페라 등의 브라우저 화면2>
           레이아웃의 기준폭                        
      1번 div              2번 div      

즉, 2번에 담기는 내용의 길이만큼의 넓이만 출력됩니다.


1번이나 2번 모두 width를 특정 수치로 지정해 주지 말아야 하는 상황에서,
제가 원하는 화면을 출력하는 방법을 알고 싶습니다.

도움 부탁드리겠습니다. (__)