질문 1)
$gr_href_on = "<a href='#' class='menu_top_on' onfocus='this.blur()'><b>$row[gr_subject]</b></a>";

질문 2)
...

아래 CSS버전을 포함한 두가지 메뉴의 전체 소스코드입니다.
약간의 문제가 남아있습니다, 참고하세요;;
피드백 http://www.gnusr.com/g4/bbs/board.php?bo_table=work

<?
#################################################################
# 그누보드4 - 파이어폭스, 아이이
# 그룹은 가로, 게시판은 세로 배열된 속칭 자동메뉴
# 해당 그룹이나 게시판으로 이동시 스타일값이 적용되므로 개인에 맞게 수정
# 소스가운데 gur=>gr_id로 변경, 경로는 적절히 필요한 대로 변경
#################################################################

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

$gr_height = 20; // 그룹 메뉴 높이
$gr_cell_width = 68; // 가로배열 그룹 셀 너비
$gr_table_width = 5 + ($gr_cell_width * (4)); // 그룹 테이블 너비; 5(구분선 갯수)+셀너비*그룹수
$bo_layer_top = 13;  // 게시판 레이어 상단 시작위치; 그룹메뉴 높이보다 조금 작게
$bo_layer_left = -70;  // 게시판 레이어 왼쪽마진
$bo_layer_width = 120;// 게시판 레이어 너비
$bo_layer_tr_height = 15; // 게시판 레이어 높이 ### 이눔 높이 적용 안됨
$bo_layer_td_height = 15; // 게시판 레이어 셀 높이
//부가메뉴를 위해 테이블 추가
echo "<table width='' height='$gr_height' cellspacing='0' cellpadding='0' border='0' bgcolor=''><tr><td>\n";

//##### 그룹 및 게시판 추출을 위한 기본메뉴 테이블 시작 #####//
echo "<table width='$gr_table_width' height='$gr_height' cellspacing='0' cellpadding='0' border='0' bgcolor='silver'><tr>\n";
//그룹 사이 구분셀 보여주려면
$line_shadow = "<td width='1' background='$g4[path]/gnusr/images/bg/line_shadow02.gif'></td>\n";
echo $line_shadow; // 첫 구분선

// ### 그룹추출 - 접근사용 그룹이외의 그룹 보이기 여분필드 gr_1 순으로 정렬
$sql = " SELECT a.gr_id, a.gr_subject, a.gr_use_access, b.mb_id FROM $g4[group_table] AS a LEFT JOIN $g4[group_member_table] AS b ON a.gr_id = b.gr_id WHERE  (b.mb_id = '$member[mb_id]' AND a.gr_use_access = '1' ) OR a.gr_use_access = '0'  ORDER BY a.gr_1";
// 제외그룹설정 root님
//$sql = " select * from $g4[group_table] where gr_id not in ('etc', 'link') order by gr_1";

$result = sql_query($sql);
//while ($row=mysql_fetch_array($result)) {
for ($i=0; $row=mysql_fetch_array($result); $i++) {

{
//그룹 링크
$gr_href = "<a href='$g4[path]/?gur=$row[gr_id]' class='menu' onfocus='this.blur()'>$row[gr_subject]</a>";
//해당그룹 링크일때 스타일 적용
$gr_href_on = "<a href='$g4[path]/?gur=$row[gr_id]' class='menu_on' onfocus='this.blur()'>$row[gr_subject]</a>";
// 그룹별 보드 표시
$bo_layer = "";
$m_over = "";
$m_out  = "";
$id  = "";

// ### 게시판 추출 권한설정, 게시판 검색순 정렬
$sql2 = " SELECT bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') order by bo_order_search";
$result2 = sql_query($sql2);
for ($j=0; $row2=mysql_fetch_array($result2); $j++) {
// 게시판 목록별 높이와 밑줄
$bo_layer .= "<tr height='$bo_layer_tr_height'><td height='$bo_layer_td_height' style='border-bottom-width:1;border-bottom-color:#dddddd;border-bottom-style:dotted;padding-left:5px;'>";
//이어서 해당 게시판일때 스타일 적용
if ($row2[bo_table] == $bo_table)
$bo_layer .= "<a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='menu_1_on' onfocus='this.blur()'>$blue_bullet $row2[bo_subject]</a></td></tr>";
else //나머지 게시판의 스타일
$bo_layer .= "<a href='$g4[bbs_path]/board.php?bo_table=$row2[bo_table]' class='menu_1' onfocus='this.blur()'>$row2[bo_subject]</a></td></tr>";
}
mysql_free_result($result2);
if ($bo_layer) {
$m_over = "{$row[gr_id]}.style.display=''";
$m_out  = "{$row[gr_id]}.style.display='none'";
$layer_id  = "{$row[gr_id]}";
}
// 해당그룹인 경우 스타일 적용된 링크 가져옴
//if ($row[gr_id] == $gr_id) // 기본사용
if ($row[gr_id] == $gur) // 페이지 분기문과 연동
echo "<td width='$gr_cell_width' height='$gr_height' align='center' onmouseover=$m_over onmouseout=$m_out class='top_menu_btn'>$gr_href_on</td>\n";
else // 그외 그룹은 일반 그룹링크 가져옴
echo "<td width='$gr_cell_width' height='$gr_height' align='center' onmouseover=$m_over onmouseout=$m_out class='top_menu_btn'>$gr_href</td>\n";
// 그룹사이 구분셀이 필요한 경우
echo $line_shadow; // 셀 뒷구분선
}
// 보드 레이어 위치 설정
if ($bo_layer) {
echo "<td>";
echo "<div id='{$layer_id}' style='margin-top:{$bo_layer_top}px; margin-left:{$bo_layer_left}px; width:{$bo_layer_width}px; display:none; position:absolute; z-index:100;'>";//레이어 우선순위 최상유지
echo "<table border=0 cellpadding=1 cellspacing=0 bgcolor=#4B4B4B width=100% onmouseover=$m_over onmouseout=$m_out><tr><td>";
echo "<table border=0 width=100% bgcolor=#FFFFFF>$bo_layer</table>";
echo "</td></tr></table>";
echo "</div>";
echo "</td>\n";
}
}
echo "</tr></table>\n";
mysql_free_result($result);
// ##### 기본메뉴 끝 ##### //
?>

<? #여기서 부터 부가메뉴 시작 ?>
</td>
<td align='left' class='small_white' style='padding-left:15;'>
<a href="<?=$g4[path]?>/" class="tab_menu" onfocus="this.blur()">처음</a> &nbsp;|&nbsp;
<?
$curr = sql_fetch(" select sum(IF(mb_id<>'',1,0)) as mb_cnt, count(*) as total_cnt from $g4[login_table]  where mb_id <> '$config[cf_admin]' ");
?>
<a href="<?=$g4[bbs_path]?>/current_connect.php" class="tab_menu">현재접속자(<?=$curr[total_cnt]?>)</a> &nbsp;|&nbsp;
<a href="<?=$g4[bbs_path]?>/new.php" class="tab_menu" onfocus="this.blur()">최근게시물</a> &nbsp;|&nbsp;
<? if (!$member[mb_id]) { ?>
<a href="<?=$g4[bbs_path]?>/login.php?url=<?=$urlencode?>" class="tab_menu" onfocus="this.blur()">로그인</a> &nbsp;|&nbsp;
<a href="<?=$g4[bbs_path]?>/register.php" class="tab_menu" onfocus="this.blur()">회원가입</a>
<? } else { ?>
<a href="<?=$g4[bbs_path]?>/logout.php" class="tab_menu" onfocus="this.blur()">로그아웃</a> &nbsp;|&nbsp;
<a href="<?=$g4[bbs_path]?>/member_confirm.php?url=register_form.php" class="tab_menu" onfocus="this.blur()">회원정보</a>&nbsp;
<? } ?>
<? /*최고 관리자라면*/ if ($is_admin == "super" || $is_auth) { ?><a href="<?=$g4[admin_path]?>/"><img src="<?=$gnusr[img_btn]?>/admin.gif" width="55" height="17" border="0" align='absmiddle'></a>
<? } else { ?>
<? /* 회원인 경우 마이페이지 링크*/ if ($member[mb_id]) { ?><a href="<?=$g4[bbs_path]?>/board.php?bo_table=my_page" title='<?=$member[mb_id]?>님 개인페이지'><img src="<?=$gnusr[img_btn]?>/mypage.gif" width="55" height="17" border="0" align='absmiddle'></a>
<? } }?>

<? /*관리자 로그인==관리메뉴 보여줘!*/
$adm_menu = array( //메뉴경로
"$g4[path]/gnusr/_backup/g4_upgrade.php",
"http://gnusr.com/du.php",
"$g4[path]/adm/phpMyAdmin",
);
$menu_name = array(//메뉴이름
"Gup",
"Du",
"Sql",
);
echo "&nbsp;";
if($member[mb_level]>9){ //숫자보다 높은 레벨만 보여줘
for($i=0;$i<count($adm_menu);$i++){
{
echo "<a href='$adm_menu[$i]' class='tab_menu' onfocus='this.blur()'>$menu_name[$i]</a>";
echo "&nbsp;|&nbsp;";
}
}
//G4 버전표시
echo "<a href='http://sir.co.kr/bbs/board.php?bo_table=g4_pds' target='_blank' class='tab_menu' onfocus='this.blur()'>";
echo "G";
$args = "head -1 ".$g4[path]."/HISTORY";
system($args);
echo "</a>";
}
?>
</td>
</tr></table>


적용된 스타일을 참고하세요.
--------------------------
.top_menu_btn a { text-decoration: none; position: relative; display: block; margin-top: 3px; }
.top_menu_btn a:hover { /*color:#ffffff;*/ text-decoration: none; margin-top: 5px; }

a.menu:link, a.menu:visited, a.menu:active {
color:#ffffff;
font-weight:bold;
}
a.menu:hover {
color:#ffffff;
font-weight:bold;
background:url(http://gnusr.com/g4/gnusr/images/css/white_dot.gif) repeat-x bottom;
}

a.menu_on:link, a.menu_on:visited, a.menu_on:active {
color:#45436c;
font-weight:bold;
}
a.menu_on:hover {
color:#ffffff;
font-weight:bold;
background:url(http://gnusr.com/g4/gnusr/images/css/white_dot.gif) repeat-x bottom;
}

a.menu_1:link, a.menu_1:visited, a.menu_1:active {
color:#45436c;
width:100%;
display:block;
}
a.menu_1:hover {
color:orange;
/*font-weight:bold;*/
background:url(http://gnusr.com/g4/gnusr/images/css/white_dot.gif) repeat-x bottom;
}

a.menu_1_on:link, a.menu_1_on:visited, a.menu_1_on:active {
color:#45436c;
font-weight:bold;
width:100%;
display:block;
}
a.menu_1_on:hover {
color:orange;
font-weight:bold;
background:url(http://gnusr.com/g4/gnusr/images/css/white_dot.gif) repeat-x bottom;
}

a.tab_menu:link, a.tab_menu:visited, a.tab_menu:active {
color:#ffffff;
}
a.tab_menu:hover {
color:#ffffff;
background:url(http://gnusr.com/g4/gnusr/images/css/white_dot.gif) repeat-x bottom;
}



################### CSS 버전 #######################

<?
#############################################################
# 원본- http://sir.co.kr/bbs/tb.php/g4_tiptech/1483 sk님 pearly님 코멘트
# 동기- FF,msie호환 메뉴로 거듭난 기념으로 자기성찰 차원의 삽질시작
# 특징- CSS로 구현하는 그룹 및 게시판의 수직,수평 배열의 융통성 확보
#      - CSS 완벽 분리로 알기쉬운 스타일 적용
#############################################################
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// ### global menu
echo "<div id='global_menu'>\n";
echo "<div style='float:left; padding:5 0 0 0;'></div>\n"; // 왼족여백
// ## group menu
$sql = " SELECT a.gr_id, a.gr_subject, a.gr_use_access, b.mb_id FROM $g4[group_table] AS a LEFT JOIN $g4[group_member_table] AS b ON a.gr_id = b.gr_id WHERE  (b.mb_id = '$member[mb_id]' AND a.gr_use_access = '1' ) OR a.gr_use_access = '0'  ORDER BY a.gr_1";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++){
echo "<div id='group_menu'>\n";

if ($row[gr_id] == $gur) {// 해당 그룹 스타일 및 링크
echo "<div id='group_menu_subject' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\"><a href='$g4[path]/?gur=$row[gr_id]' class='on' >$row[gr_subject]</a></div>\n";
} else { // 그외 그룹 스타일 및 링크
echo "<div id='group_menu_subject' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\"><a href='$g4[path]/?gur=$row[gr_id]' class='off' >$row[gr_subject]</a></div>\n";
}
// # board menu
echo "<div id='$row[gr_id]' class='sub_menu' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\">\n"; //### div id='$row[gr_id]' 여기에 z-index 값 필요
//목록보기 권한설정 적용 및 검색순서에 따른 정렬
$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') order by bo_order_search";
$result1 = sql_query($sql1);
for ($i1=0; $row1=sql_fetch_array($result1); $i1++) {
echo "<div id='sub_menu_subject'><a href='$g4[bbs_path]/board.php?bo_table=$row1[bo_table]' class='sub_menu_subject'>$row1[bo_subject]</a></div>\n";
}
echo "</div>\n"; // board menu end
echo "</div>\n"; // group menu end
}
echo "<div class='small_white' style='float:left; padding:0 0 0 10;'>"; //오른쪽 부가메뉴 시작
echo "<a href='$g4[path]/' class='tab_menu' onfocus='this.blur()'>처음</a> &nbsp;|&nbsp;";
$curr = sql_fetch(" select sum(IF(mb_id<>'',1,0)) as mb_cnt, count(*) as total_cnt from $g4[login_table]  where mb_id <> '$config[cf_admin]' ");
echo "<a href='$g4[bbs_path]/current_connect.php' class='tab_menu'>현재접속자($curr[total_cnt])</a> &nbsp;|&nbsp;";
echo "<a href='$g4[bbs_path]/new.php' class='tab_menu' onfocus='this.blur()'>최근게시물</a> &nbsp;|&nbsp;";
if (!$member[mb_id]) {
echo "<a href='$g4[bbs_path]/login.php?url=$urlencode' class='tab_menu' onfocus='this.blur()'>로그인</a> &nbsp;|&nbsp;";
echo "<a href='$g4[bbs_path]/register.php' class='tab_menu' onfocus='this.blur()'>회원가입</a>";
} else {
echo "<a href='$g4[bbs_path]/logout.php' class='tab_menu' onfocus='this.blur()'>로그아웃</a> &nbsp;|&nbsp;";
echo "<a href='$g4[bbs_path]/member_confirm.php?url=register_form.php' class='tab_menu' onfocus='this.blur()'>회원정보</a>&nbsp;";
}
/*최고 관리자라면*/
if ($is_admin == "super" || $is_auth) {
echo "<a href='$g4[admin_path]/'><img src='$gnusr[img_btn]/admin.gif' width='55' height='17' border='0' align='absmiddle'></a>";
} else {
/* 회원인 경우 마이페이지 링크*/
if ($member[mb_id]) {
echo "<a href='$g4[bbs_path]/board.php?bo_table=my_page' title='$member[mb_id]님 개인페이지'><img src='$gnusr[img_btn]/mypage.gif' width='55' height='17' border='0' align='absmiddle'></a>";
}
}
/*관리자 로그인==관리메뉴 보여줘!*/
$adm_menu = array( //메뉴경로
"$g4[path]/gnusr/_backup/g4_upgrade.php",
"http://gnusr.com/du.php",
"$g4[path]/adm/phpMyAdmin",
);
$menu_name = array(//메뉴이름
"Gup",
"Du",
"Sql",
);
echo "&nbsp;";
if($member[mb_level]>9){ //숫자보다 높은 레벨만 보여줘
for($i=0;$i<count($adm_menu);$i++){
{
echo "<a href='$adm_menu[$i]' class='tab_menu' onfocus='this.blur()'>$menu_name[$i]</a>";
echo "&nbsp;|&nbsp;";
}
}
//G4 버전표시
echo "<a href='http://sir.co.kr/bbs/board.php?bo_table=g4_pds' target='_blank' class='tab_menu' onfocus='this.blur()'>";
echo "G";
$args = "head -1 ".$g4[path]."/HISTORY";
system($args);
echo "</a>";
}
echo "</div>"; // 오른쪽 부가메뉴 끝
echo "</div>\n"; // global menu end
echo "<div style='clear: both;'></div>"; // 메뉴끝 줄 바꿈, 겹치기 방지
?>

<script language="JavaScript">
function getObject(objectId) {
// checkW3C DOM, then MSIE 4, then NN 4. pearly님 공개 소스코드
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);
}
else if (document.all && document.all(objectId)) {
return document.all(objectId);
}
else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];
} else {
return false;
}
}

function show(id) {
getObject([id]).style.visibility="visible";
}

function hide(id) {
getObject([id]).style.visibility="hidden";
}
</script>

<style>
#global_menu { /*메뉴 가장자리를 감싸는 영역*/
float:left;
width:100%;
height:28px;
margin:0 0 0 0; /*시계방향 top, right, bottom, left 공통*/
padding:0 0 0 0;
border-width:0 0 0 0;
border-style:solid;
border-color:white/*gray*/;
background-color:transparent/*black*/;
position:relative;
}
#group_menu { /*그룹메뉴 영역*/
float:left;
width:70px;
height:25px;
margin:0 0 0 2;
border-width:1 1 1 1;
border-style:solid;
border-color:white;
background-color:transparent;
position:relative;
}
#group_menu_subject { /*그룹제목 스타일*/
padding-top:5px;
color:white;
font-weight:bold;
height:25px;
text-align:center;
cursor:pointer;
}
#sub_menu { /*게시판 레이어 영역*/
position:absolute;
z-index:100;
}
.sub_menu { /*게시판 레이어 영역 ############### z-index 문제 남아있다*/
border-width:1 1 1 1;
border-style:solid;
border-color:gray;
background-color:#F6FAFF; 
padding:2 0 1 0;
visibility:hidden;
position:absolute;
z-index:100;
}
#sub_menu_subject { /*게시판 제목 스타일*/
height:15px;
width:120px;
padding:2 0 2 10;
border-bottom-width:1;
border-bottom-color:#dddddd;
border-bottom-style:dotted;
}
a.sub_menu_subject { /*게시판 제목 링크 스타일*/
width:120px; /*block 설정시 너비 빼먹으면 msie에서 안먹힘*/
display:block; /*포인터 영역 확대*/
}

a.on:link, a.on:visited, a.on:active { /*해당 그룹 강조*/
color:#45436c;
}
a.on:hover { /**/
color:orange;
}
a.off:link, a.off:visited, a.off:active { /*일반 그룹*/
color:white;
}
a.off:hover { /**/
color:orange;
}
</style>