[JiminSA]

I am using a text overlay on a background image, viz:-

<div id="content">
<!--start content text-->
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>
<TD WIDTH="1044" HEIGHT="310" BACKGROUND="../images/Countryside/subheader2.jpg" VALIGN="bottom">
<h1>Lynstead Lodge Tariffs.</h1>

The problem is that both Firefox and Safari align the text outside of the page! (to the right).
It is aligned correctly in both Chrome and IE. The offending URL is:- http://lynsteadlodge...es/Tariffs.html

Any ideas?

[Dormilich]

it’s not the heading that is rendered outside the page, it’s the whole content div that is outside due to the float declaration in div#tabs.

fix: declare a clear on the div#content

PS. I think FF and Safari render it correctly

This post has been edited by Dormilich: 15 July 2010 - 04:56 AM