이렇게 만들어줬는데 안나옵니다...

공백만 생기네요 뭐가 문제일까요

<?php

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

include_once(G5_THEME_PATH.'/head.sub.php');

include_once(G5_LIB_PATH.'/latest.lib.php');

include_once(G5_LIB_PATH.'/outlogin.lib.php');

include_once(G5_LIB_PATH.'/poll.lib.php');

include_once(G5_LIB_PATH.'/visit.lib.php');

include_once(G5_LIB_PATH.'/connect.lib.php');

include_once(G5_LIB_PATH.'/popular.lib.php');

?>

<script>

$(function () {

    $(".tab_content").hide();

    $(".tab_content:first").show();

    $("ul.tabs li").click(function () {

        $("ul.tabs li").removeClass("active").css("color", "#333");

        //$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});

        $(this).addClass("active").css("color", "darkred");

        $(".tab_content").hide()

        var activeTab = $(this).attr("rel");

        $("#" + activeTab).fadeIn()

    });

});

</script>

<header id="hd">

    <h1 id="hd_h1"><?php echo $g5['title'] ?></h1>

    <div class="to_content"><a href="#container">본문 바로가기</a></div>

    <?php

    if(defined('_INDEX_')) { // index에서만 실행

        include G5_MOBILE_PATH.'/newwin.inc.php'; // 팝업레이어

    } ?>

    <div id="hd_wrapper">

<!--

        <div id="logo">

            <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.jpg" alt="<?php echo $config['cf_title']; ?>"></a>

        </div>

        <ul id="hd_nb">

            <li><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_new">1:1문의</a></li>

            <li><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq">FAQ</a></li>

            <li><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt">접속자 <?php echo connect('theme/basic'); // 현재 접속자수 ?></a></li>

            <li><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new">새글</a></li>

            <?php if ($is_member) { ?>

            <?php if ($is_admin) { ?>

            <li><a href="<?php echo G5_ADMIN_URL ?>" id="snb_adm"><b>관리자</b></a></li>

            <?php } ?>

            <li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php" id="snb_modify">정보수정</a></li>

            <li><a href="<?php echo G5_BBS_URL ?>/logout.php" id="snb_logout">로그아웃</a></li>

            <?php } else { ?>

            <li><a href="<?php echo G5_BBS_URL ?>/register.php" id="snb_join">회원가입</a></li>

            <li><a href="<?php echo G5_BBS_URL ?>/login.php" id="snb_login">로그인</a></li>

            <?php } ?>

        </ul>

    </div>

</header>

<img src="<?php echo G5_THEME_IMG_URL ?>/tap_menu.png" /></a>

          <ul class="sub" style="margin: 0 auto;margin-top: 5px">

          <tr>

          <td><a href=""><img src="<?php echo G5_THEME_IMG_URL ?>/tab1.png"></td>

          <td><a href=""><img src="<?php echo G5_THEME_IMG_URL ?>/tab2.png"></td>

          </tr>

          </ul>

          -->

<div id="container">

    <ul class="tabs">

        <li class="active" rel="tab1"><img src="<?php echo G5_THEME_IMG_URL ?>/tap_menu.png" /></li>

    </ul>

    <div class="tab_container">

        <div id="tab1" class="tab_content">

            <ul>

                <li><a href="#">이것은 첫 번째 탭의</a>

                </li>

                <li><a href="#">이것은 두 번째 탭의</a>

                </li>

                <li><a href="#">이것은 세 번째 탭의</a>

                </li>

                <li><a href="#">이것은 네 번째 탭의</a>

                </li>

                <li><a href="#">이것은 다 번째 탭의</a>

                </li>

            </ul>

        </div>

    </div>

</div>

<hr>

<div id="wrapper">

css 부분

ul.tabs {

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

    height: 32px;

    border-bottom: 1px solid #eee;

    border-left: 1px solid #eee;

    width: 100%;

    font-family:"dotum";

    font-size:12px;

}

ul.tabs li {

    float: left;

    text-align:center;

    cursor: pointer;

    width:82px;

    height: 31px;

    line-height: 31px;

    border: 1px solid #eee;

    border-left: none;

    font-weight: bold;

    background: #fafafa;

    overflow: hidden;

    position: relative;

}

ul.tabs li.active {

    background: #FFFFFF;

    border-bottom: 1px solid #FFFFFF;

}

.tab_container {

    border: 1px solid #eee;

    border-top: none;

    clear: both;

    float: left;

    width: 248px;

    background: #FFFFFF;

}

.tab_content {

    padding: 5px;

    font-size: 12px;

    display: none;

}

.tab_container .tab_content ul {

    width:100%;

    margin:0px;

    padding:0px;

}

.tab_container .tab_content ul li {

    padding:5px;

    list-style:none

}

;

 #container {

    width: 249px;

    margin: 0 auto;

}