크롬브라우저에서 픽셀공백이 생깁니다.

 익스플로러 -
 



크롬 및 기타 브라우저

관련소스 

css

/* tab */
#workarea {position:relative; width:650px; height:150px;}
#tab { height:30px; left:-25px; }
#tab li{float:left; margin:0}
#tab li ul{position:absolute; left:-25px; top:30px;}
#tab li ul li{width:339px; padding-left:9px; }
#tab h3 { background-color:#eeeeee; border-bottom:1px solid #cccccc; width:120px; height:30px; line-height:150%; font-size:12px;}
.storyarea{display:none;}


body
            <div id="workarea">
             <ul id="tab">
             <li><h3><a href="#">- My works</a></h3>
            <div>
             <ul>
             <li><?=latest("works", "works",4,35)?></li>
             </ul>
            </div>
            </li>
            <li><h3><a href="#">- My Story</a></h3>
            <div class="storyarea">
            <ul>
            <li><?=latest("story", "story",4,35)?></li>
            </ul>
            </div>
           </li>
           </ul>
           </div>

웹표준을 잘 몰라서 2시간째 삽질하고 있습니다~~~ㅠㅠ 도와주세욤