valign problem in firefox

[usman07]

I been checking my website in different browsers, it works fine in safari and google chrome, but in firefox my navigation and image are misplaced on the page. I think its due to using valign-"bottom"

 

you can take a look at the page, here the link: www.usmanshakoor.co.uk

 

heres my HTML code:

<table id="table1" border="0" cellpadding="0" cellspacing="0">
			<tr>
			<td valign="bottom"><div id="title"><img src="Images/Homepage/title.png" alt=""/></div></td>

			<td valign="bottom"><div id="navigation">
<a id="Home" href="index.html" title="homepage"><span>home</span></a>
<a id="Portfolio" href="portfolio.html" title="portfolio"><span>for sale</span></a>
<a id="About" href="about.html" title="about"><span>for rent</span></a>
<a id="Blog" href="blog.html" title="blog"><span>blog</span></a>
</div>
	</td>	
		</tr>
			</table>

[usman07]

Sorry iv added same question twice.

[caliux]

Why do you use tables?Tables aren`t good!

[colleyboy]

Lets not knock tables but help the poor boy 

 

Best thing to do is add inline css where you have the valign.  Replace this with:

 

style="vertical-align:top;"

 

 

Hope this helps