在HTML标题中使用背景图像

Question

我有一个要求，我需要在panelGrid的顶部显示一个图像作为标题。只是想知道这是否可行。目前我使用的是styeClass，但标题图像未与panelGrid正确对齐。

<h:panelGrid columns="1" style="width: 320pt;margin: 0 auto;padding-bottom:10pt;padding-left:10pt;" styleClass="fooheader" >

正在使用的风格：

.fooheader {
background: url(../img/foo.png) no-repeat;
width: 395px;
height: 73px;
}

foo.png尺寸：395 X 68

请在下面找到HTML生成的内容：

                                <tbody>
            <tr>
            <td><table class="fooheader" style="width: 320pt;margin: 0 auto;padding-bottom:10pt;padding-left:10pt;">
            <tbody>
            <tr>
            <td><span style="color:white;font-weight:bold;">PLEASE HELP ME WITH THIS</span></td>
            </tr>
            </tbody>
            </table>
            </td>
            </tr>
            <tr>
            <td><table width="100%">
            <tbody>
            <tr>
            <td><div id="MainForm:j_idt19" class="ui-panel ui-widget ui-widget-content ui-corner-all" style="width: 300pt;height: 250pt;margin: 0 auto;border-top:none;"><div id="MainForm:j_idt19_content" class="ui-panel-content ui-widget-content"><table class="foo-icon-user">
            <tbody>
            <tr>

任何帮助都将不胜感激。