I have this bit of code:

    <td class="row-left" valign="top"><img src="{T_THEME_PATH}/images/row_left_top.gif" width="4" height="100" alt="" /></td>
    <td align="center" valign="top" id="header">
        <div id="logorow">
            <div id="logo-left"><div id="logo-right">
                <div align="centre"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
              </div>
            </div></div>
        </div>

the line in bold is the one that I am trying to change.

I want the image to sit in the middle of the page, but it wont. It sits in the top left no matter what is put there, left, centre or right.

How can I change it so that I can put it in the centre, floating.