메뉴바 입니다.

HTML 이구요

<div class="al">

<li class="b" ><a href="www.naver.com"></i>네이버</a></li>

<li class="b"><a href="www.xpressengine.com"></i>제로보드</a></li>

</div>

CSS 입니다

.al{padding:0;margin:0;list-style:none;background:#fff;overflow:hidden;zoom:1;border:1px solid #000;}

.al:after{content:"";display:block;clear:both}

.al li{float:left;margin:0;padding:0;margin:0 -1px;}

.al a{display:inline-block;padding:0 10px;font-size:12px;font-weight:normal;line-height:30px;text-decoration:none; color:#000}

.al li :hover {color: #000; background-color: #fff;}

이렇게 설정하였습니다.

관리자 모드로 로그인 했을경우에는 괜찮습니다.

그런데 일반 회원 아이디로 로그인 하면 그림처럼 되네요

녹색 부분이 로그인 안하거나 관리자 아이디로 로그인 했을때 입니다.

사이트 넓이에 맞게 맞추어져 있습니다.

하지만 일반 회원 아이디로 로그인 하면 파란색 부분처럼 메뉴바가 넓어집니다.

(넓어진다는 것이 노란색 부분의 인터넷창 부분만큼 넓어지네요)

마치 width:100% 되어있는것 처럼이요

width:1000px 이런식으로 맞추어 보았는데, 메뉴가 왼쪽을 기준으로 정렬되어 버려요

녹색 부분처럼 가운데 정렬 되도록 할 수 없나요?