마우스를 메뉴에 올리면 숨겨있던 하위메뉴가 나타나는 것, 많이 보셨죠?.
거의 대부분의 홈페이지에 유용하게 쓰이는 것으로 알고 있습니다.
하지만, 그 메뉴 레이어의 단점은
홈페이지를 중앙정렬을 하면 hidden layer가 position=absolute 로 되어있어서..
그 레이어가 절대 위치에 놓이게 된다는 것이지여.
레이어는 그 크기가 상대적 크기는 조절은 가능하지만, 위치의 선정에서 중앙정렬이 불가능합니다.

그러나 아래소스를 넣으면
브라우저 크기에 상관없이 언제나
액션태그를 이용하여 hiedden layer태그를 중앙정렬할 수 있습니다. 

레이어 가로 크기를 100%로 놓고 position 설정에서 위치를 지정해주면 되는 것이지요..
절대위치 지정은 minus 값도 되기 때문에 
브라우저의 어떤 크기에서도 어느 위치라도 그 위치를 정확히 설정해줄수 있습니다.

<div id="layer1" style="width:100%; height:20px; position:absolute; left:0px; top:74px; z-index:1; visibility:hidden;">
<p align=center><font color="#FFFF99">메뉴1 / 메뉴2 / 메뉴3 / 메뉴4/메뉴5 </font></p>
</div>