[code]
/* General */

#cssdropdown { width: 100%; height:45px; background-image: url(../images/bg.gif); }
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { float: left; margin-left: -1px; background-color: #e9e9e9; }
#cssdropdown li.headlink a { display: block; padding: 15px 15px 15px 15px; text-align: center;}
#cssdropdown li .parent { font-weight:bold; color:#ccffff; }
#cssdropdown li .parent2 { font-weight:bold; color:#ffc1c1; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li a { padding: 5px 5px 5px 10px; height: 17px; text-align: left; width: 120px; }
#cssdropdown li.headlink ul li a:hover { background-color: #339900; }

/* Pretty styling home글자*/
#cssdropdown a { font-weight:bold; color: #ffdd53; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink {position:relative; background-color: white; background-image: url(../images/bg.gif); }
#cssdropdown li.headlink ul {position:absolute; background-image: url(../images/bg.gif); background-position: bottom; padding-bottom: 10px; }

[/code]

그누보드의 탑메뉴속의 구분선을 구현하고싶습니다.
위의 소스메뉴를 어떻게 수정해야 하나요? 백그라운드 이미지로 구분선을 넣고싶습니다.