Все в HTML-верх
1 вариант
<img id="Mylogo" src="ссылка на картинку" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>
width: 100% - размер шапки в общем
margin: 0 0 0 0 - это трогать собственно не к чему, отвечает за отступы от каждого элемента.
2 вариант
<style type="text/css">
#pun-title table{height: 200px; width: 800px}
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(ссылка на картинку);}
</style>
200 - высота вашей шапки как есть
800 - ширина шапки
3 вариант (для форумов со стандартным оформлением в котором лого невозможно убрать при помощи обычного варианта)
<style type="text/css">
#pun-title TABLE {background: transparent !important; margin-top: 30px;}
</style>
<img id="Mylogo" src="ссылка на картинку шапки" />
<style type="text/css">
#Mylogo {width: 100%; margin: auto;}
</style>
<style type="text/css">
#pun-title {height: 0px; border-color: transparent;}
</style>
<style type="text/css">
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 45px; top: 250px
}
</style>
Не забудьте про это число
margin-top: 30px - отступ. Он вам поможет сдвинуть навигацию туда куда вам нужно что бы не залезала он на шапку и что бы не была слишком низко... число воспринимается и в отрицательном эквиваленте.
45px - отступ рекламного баннера влево (отрицательный - не принимается не больше 550px)
250px - отступ с верху (прикидывайте так что бы шапка была вплотную с банером не ниже можно что бы банер был на ней. само собой, если у вас это получится)