设置了背景图像的div上的图像

#menu {height: 44px; background:url(../images/menuback.jpg) repeat-x; position: relative;}

.logoImage {position:absolute; margin-top:40px;}

<div class=\"grid_16\" id=\"header\">
            <div id=\"logo\">
                <a href=\"~~home~~\"><img class=\"logoImage\" src=\"~~themeDir~~images/logo.jpg\" alt=\"~~siteTitle~~\"/></a>
                <a href=\"~~home~~\"><img class=\"logoWriting\" src=\"~~themeDir~~images/logo_writing.jpg\" alt=\"~~siteTitle~~\"/></a>            
            </div>
            <div class=\"searchbox\">
                <form action=\"~~home~~searchmachine\" method=\"post\" id=\"searchform\">
                    <h3>
                        Search: 
                        <input type=\"text\" value=\"\" name=\"search\" />
                        <a href=\"javascript: void(0);\" onclick=\"$(\'#searchform\').submit()\" class=\"searchbutton\">Go</a> 
                    </h3>                                       
                </form>
            </div>
        </div>

        <div class=\"clear\"></div>
        <div class=\"grid_16\" id=\"menu\">
            <ul class=\"dropmenu\">
                <li><a href=\"~~home~~\">Home</a></li>
                ~~startCatsMenu~~
                    <li><a href=\"~~catLink~~\">~~catTitle~~</a>
                        ~~startSubCats~~
                            <ul>
                                ~~startSubCat~~
                                <li><a href=\"~~subCatLink~~\">~~subCatTitle~~</a></li>
                                ~~endSubCat~~
                            </ul>
                        ~~endSubCats~~
                    </li>
                ~~endCatsMenu~~
            </ul>
        </div>
        <div class=\"clear\"></div>