latest스킨을 게시글들이 슬라이드 형식으로 보이도록 제작을 하였습니다.

인덱스 페이지에서 3개의 게시판을 해당 latest 스킨을 사용하여 한 라인에 정렬되도록 하려하는데 자꾸 밑으로 내려가네요...

해결 방법이있을까요?

예를 들면 

입니다.

latest 스킨 소스 입니다.

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
$thumb_width = 150;
$thumb_height = 180;

?>
  <style>
      .bx-controls-direction{text-align:right;}
  </style>
<div class="not" style="height:250px;background-color: #fff;border: 1px solid #e9e9e9;width: 400px">
    <div style="height: 40px"><a style="float:left; color: #488cc1;text-align: left;font-size: 20px;padding-left: 5px;padding-top: 10px" href="<?php echo get_pretty_url($bo_table); ?>"><?php echo $bo_subject ?></a><?php for ($i=0; $i<count($list); $i++) {  ?></div>
    <ul style="border-top: 3px solid #488cc1; ">
        <li>
            <?php
            echo "<a href=\"".get_pretty_url($bo_table, $list[$i]['wr_id'])."\">";
            if ($list[$i]['is_notice']) {
                echo "<strong>". $list[$i]['subject'] . "</strong>";
            } else {
                $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
                $img = $thumb['src'];
                $img_content = '<img src="'.$img.'" alt="강좌안내" >';
                echo  $img_content." "." "."<a href=\"".get_pretty_url($bo_table, $list[$i]['wr_id'])."\" style='font-size: 20px'>".$list[$i]['subject']."</a>";

            }
            echo "</a>";
            ?>
        </li>
    <?php }  ?>
    <?php if (count($list) == 0) { //게시물이 없을 때  ?>
    <li class="empty_li">게시물이 없습니다.</li>
    <?php }  ?>
    </ul>

</div>

<?php if (count($list)) { //게시물이 있다면 ?>
<script>
    $('.not ul').bxSlider({
        hideControlOnEnd: true,
        pager:false,
        nextText: '<div class="nbt" style=" width:12px;;position:absolute; right:13px; bottom:220px;height:15px;"><img src="<?=G5_THEME_IMG_URL?>/next_arrow.png"/></div>',
        prevText: '<div class="bbt" style="width:12px;height:15px;position:absolute; right:67px; bottom:220px;"><img src="<?=G5_THEME_IMG_URL?>/befor_arrow.png"/><img  style="position:absolute; right:-22px;bottom:-3px; " src="<?=G5_THEME_IMG_URL?>/bar_01.png"/></div>',
    });
</script>
<?php } ?>

다음은 인덱스에 적용된 게시판 불러오는 부분입니다.

<div class="latest_wr" style="width:100%height:292px;text-align:center;">
    <!-- 사진 최신글2 { -->
    <?php
    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
    // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
    // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
    echo latest('theme/popupzone', 'menu301', 4, 23);
    echo latest('theme/popupzone', 'menu302', 4, 23);
    //echo latest('theme/pic_block', 'menu304', 4, 23);
    ?>
    <!-- } 사진 최신글2 끝 -->
</div>