http://jdschool.kr 가보시면...메뉴가있는데
메뉴를 x축으로 쭉~!~~100%로 위치하고싶은데 잘안되네요

html부분 입니다..

<div id="wrap"> <!--전체박스-->
<div id="head"> <!--위쪽메뉴-->
<img src="<?=$g4['path']?>/images/logo.jpg">
<ul class="menu">
<li><a href="<?=$g4['path']?>/index.php"><img src="<?=$g4['path']?>/images/menu_01.jpg" border="0"></a></li>
<li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=notice"><img src="<?=$g4['path']?>/images/menu_02.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_03.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_04.jpg" border="0"></a></li>
<li><a href="#"><img src="<?=$g4['path']?>/images/menu_05.jpg" border="0"></a></li>
</ul>
</div>

CSS부분

#wrap {width:982px; border:1px solid black;margin:0 auto;}
#head {width:982px; border:1px solid red;float:left; margin-bottom:5px;}
#left {width:250px; height:600px;float:left; margin-right:10px;}
.login {width:100%; height:180px;border:1px solid purple; float:left; margin-bottom:5px;}
#right {width:715px; border:1px solid black; float:left;}
#footer
*{display:block; }
.menu { margin:0;
padding:0;
width:982px;
height:36px;
float:left;
background:url(../images/bar.jpg);}

.menu li {list-style:none;float:left;}

도와주세욤