Indenter une image

Voila, pour des raisons d'esthetisme j'ai du indenter le titre d'une liste, afin de le differencier du reste de la liste je lui avais defini un style H1 avec une image de fond (le tout formant donc un menu, avec une couleur de fond differente pour la rubrique et pour la sous rubrique)

Le probleme c'est que mon texte se retrouve indenté vers la gauche et pas l'image, qui est décalé a droite et ne colle plus la marge gauche du fait de la liste. Est ce possible de remedier à cela en indentant l'image vers la droite ??

la source de la liste

<div id="menu1" class="Menu_corp">
   
    <ul> <h1 onClick="t_menu('menu1')"> titre1 <img src="images/blank.gif" alt="menu titre" /></h1>
        <li><a href="/">test1</a></li>
        <li><a href="/">test2</a>
       </li>
    </ul>
</div>

les styles associés
pour la liste

.Menu_corp_hide ul{
    background-color: #C7D5F0;
    list-style-position: outside;
    margin-top:0px;
    margin-bottom:0px;
}
pour le H1

.Menu_corp_hide h1{
    background-image: url("images/menu.jpg");
    margin-bottom:0px;
    font-family: "Comic Sans MS";
    font-size: 16px;
    color: #398AFD;

Good Morning...

Je n'ai pas tout compris maisssssss...

Essaies peut être de changer ton approche avec un travail sur les tableaux du type...

<div id="menu1" class="Menu_corp">
  <TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0"><TR>
    <TR><TD COLSPAN="2"><h1 onClick="t_menu('menu1')"> titre1 <img src="images/blank.gif" alt="menu titre" /></h1></TD></TR>
    <TR><TD>&nbsp;</TD><TD><a href="/">test1</a></TD></TR>
    <TR><TD>&nbsp;</TD><TD><a href="/">test2</a></TD></TR>
  </TABLE>
</div></BODY>

et les déclaration de style qui vont avec

.Menu_corp TD{
    background-color: #C7D5F0;
    margin-top:0px;
    margin-bottom:0px;
}

.Menu_corp h1{
    background-image: url("images/menu.jpg");
    margin-bottom:0px;
    font-family: "Comic Sans MS";
    font-size: 16px;
    color: #398AFD;
}

;0|)