어떻게 해야되나요ㅠㅠ?

/* 메인메뉴 영역 */

#gnb_wrp{z-index:20;min-height:33px;border-top:2px solid#444;border-bottom:1px solid#444;background:url(../img/gnb_wrp.png)\9;background:rgba(255,255,255,.8)}

#gnb{float:left;margin:0 10px;padding:0}

#gnb li{position:relative;list-style:none}

#gnb .li1{float:left}

#gnb .li1:before{content:"";display:block;position:absolute;top:11px;left:10;height:11px;border-left:1px solid#CCC}

#gnb .li1:first-child:before{border:0}

#gnb .a1{display:block;padding:10px 18px;text-align:center;font-weight:bold;font-size:13px;line-height:13px;text-decoration:none;color:#333;text-shadow:0 0 1px#EEE !important;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}

#gnb .a1:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

#gnb ul{display:none;position:absolute;top:33px;left:0;z-index:20;margin:0;padding:5px 0;background:url(../img/gnb_wrp.png)\9;background:rgba(255,255,255,.9);border:1px solid#444}

#gnb .ul2 li{padding:0 5px}

#gnb .ul2 a{display:block;min-width:60px;padding:6px 24px 6px 12px;font-weight:bold;text-decoration:none;white-space:nowrap;color:#444;border-radius:3px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}

#gnb .ul2 b{position:absolute;right:8px;*right:12px}

#gnb .ul2 a:hover,#gnb .ul2 a:focus{background:#999;background:rgba(0,0,0,.4);color:#FFF}

#gnb .ul2 .on .a2,#gnb .a3.on{color:#FFF;background:#444 !important}

#gnb .ul3{top:0;left:100%}

쓰고있는 레이아웃은 스케치북5 고요

위에 있는게 css 메인메뉴 영역 부분입니다ㅠㅠㅠ

알려주시면 정말 감사드리겠습니다!!!!ㅠㅠㅠ