가로 기준이라면 <td align="center"> 세로 기준이라면 <td valign="middle">
둘다라면 <td align="center" valign="middle">

다른 방법은 <td style="padding:10px 5px;">처럼 셀안에 얼마의 간격으로 상하 좌우에 배치할 것인지 치수를 지정합니다.
또는 <td style="padding-top:10px; padding-left:5px">처럼 처럼 얼마의 간격으로 상 좌에에 배치할 것이지 치수를 지정합니다.
<td style="padding: 10px 15px 20px 30px;">처럼 상좌하우의 간격을 다른게 할 수도 있습니다.
다른 방법은 레이어나 이미지 소스에 포지션을 설정하는 방법도 있습니다.
또 다른 방법으로는 텍스트 이미지의 정렬 태그를 이용하면 됩니다.
기타 다른 방법은 이미지에 마진 치수를 정하는 방법도 있을 수 있습니다.

그리고 브라우져의 특성에 따라서 로고이미지(png24)에 배경색이 투명하지 않을 수 있으므로 특히 ie6이하에서 보기가 안좋을 수 있습니다.
png24라고 검색을 하시면 좋은 팁을 얻을 수 있을 겁니다.

제가 주로 쓰는 방법이 몇가지가 있는데 그중에
<style>
.png24 { tmp:expression(setPng24(this)); }
</style>
<script language="javascript">
<!--
function setPng24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/\bpng24\b/i,'');
    obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
    obj.src=''; 
    return '';
}
//-->
</script>
<img src="<?=$g4['path']?>/img/logo.png" border="0" class="png24" width="134" height="85">

혹은 다음과 같이 하면될 듯합니다.
<div style="width:134px; height:85px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=('<?=$g4['path']?>/img/logo.png');"></div>