레이아웃으로 윈도우 스킨을 만들어 보는데요.

실제 윈도우 인터페이스 처럼 만들어보려는데 메뉴바 부분에서 문제가 생겻습니다.

처음만들어보는 거라 왜 이리 됫는지도 모르겟네요..

드림위버에서는 이렇게 잘뜨는데요.

크롬이나 기타 다른 브라우저에서는 이렇게 가운데 메뉴바 부분이 증발해버립니다..

소스는 아래와 같습니다.

css 부분

.main_menu {

position:absolute;

bottom:0px;

left:0px;

z-index:10000;

}

.show_desktop {

position:absolute;

bottom:0px;

right:0px;

z-index:10000;

}

div.menu_bar {

position: absolute;

bottom:0px;

left:37px;

background-image:"img/menu_bar.png";

background-repeat:repeat-x;

width:9953px;

height:28px;

z-index:9999;

html부분

<img class="main_menu" src="img/menu1.png" width="37" height="28" alt="menu1" />

<img class="show_desktop" src="img/show_desktop.png" width="10" height="28" alt="Show Desktop" />

<div class="menu_bar">

</div>