xp기본 레이아웃을 가지고 작업중이랍니다.

www.eslim.kr

입니다. 근데 top배경 그림이 반복이 되요..ㅠㅠ

저가 원하는 것은

  1. 반복없이 위에 메뉴바 배경이 한군데만 나타나게 하는방법

  2. 또 위에 딱 붙어 버렸는데 이것을 띄우는 방법

좀 가르쳐 주세요..ㅠㅠ..작업중인데 고수님들 부탁드립니다.

작업중인 source를 올립니다.

<!--// js 파일 import -->
<!--%import("js/xe_official.js")-->

<!--// 레이아웃과 연동될 css 파일 import -->
<!--@if($layout_info->colorset == "white")-->
    <!--%import("css/white.css")-->
<!--@elseif($layout_info->colorset == "black")-->
    <!--%import("css/black.css")-->
<!--@else-->
    <!--%import("css/default.css")-->
<!--@end-->

<!--@if($layout_info->background_image)-->
<style type="text/css">
    body {  background:#FFFFFF url({getUrl()}{$layout_info->background_image}) repeat-x center top; }
</style>
<!--@end-->

<!--@if(!$layout_info->colorset)-->
    {@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap">
    <div id="header">
        <h1><!--@if($layout_info->logo_image)--><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><