레이어 레이아웃에 인코딩도 utf-8 수고하시네요. ^^
메뉴부분의 문제는 이미지가 밀려서 생긴 현상으로 추측됩니다.
<img...><br />을 하셨는데 top_up.gif가 원래 menu의 가로에 가득차지 않나요?
#menu의 가로와 세로 사이즈를 고정시키고 <br />태그 없이 그냥 나열하셔도
줄이 가득차면 알아서 아래쪽으로 내려갑니다.
익스에서는 내부의 객체가 가득차서 내려갈경우 공백이 생기기도 합니다.
#menu의 overflow 속성을 hidden으로 하세요. (※제 글 오타 주의 ㅡㅡ;)
#container 내부도 마찬가지로 생각됩니다.
분명 계산상으로는 딱 떨어지더라도 익스에서는 밀려버릴수가 있습니다.
이것도 overflow 속성을 hidden으로 해보세요.
#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
background-color: #FFFFFF;
}
위의 코드는 이렇게도 쓸 수 있습니다.
#container {
line-height: 140%;
margin: 0 atuo; => 두개만 쓸경우 상하, 좌우 가 됩니다.
text-align: left;
padding: 0; => px를 쓸 필요가 없습니다. 0%, 0em, 0px 다 같은 0입니다.
background-color: #FFF; => FFFFFF은 FFF, 666666은 666 동일합니다.
}
이것도 참고하세요.
a:link {color:#69c;text-decoration:underline;}
a:visited {color: #69c;text-decoration:underline;}
a:active {color: #69c;text-decoration:underline;}
a:hover {color:red;text-decoration:underline;}
위의 코드는 아래처럼 하셔도 님이 원하시는 결과와 동일합니다.
a {color:#69c;text-decoration:underline;}
a:hover {color:red}
ㅡㅡ; 간단하죠. a태그의 속성과 hover했을때 변할 속성만 기술하시면 됩니다.
문제점에 대해서는 직접 소스를 다운받아서 테스트 해보지 않는한 확실한 이유는
저도 잘 모르겠습니다.
내부 컨텐츠의 크기를 줄여도 보고 둘러싸고 있는 레이어의 속성등을 변경해보면
문제점을 찾으실 수 있으실 겁니다.
님의 증상은 대부분 밀려버려서 그러는 것이라 생각되므로 ovrflow: hidden으로
해결되리라 빕니다. ㅡㅡ;
쫌만 수정하면 거부반응을 일으키니 미치고 팔딱 뛸 노릇입니다 