Positioning Problems on a Mac in Safari and Firefox - Firefox on PC looks fine

I can't figure out why my layout is messed up on a Mac in Safari and Firefox. The CSS positioning of the footer isn't working properly. It looks fine on my PC in Firefox and IE. It also looks fine in Netscape on both Mac and PC. I must be missing something...

Here is the link: http://www.lebrushartistry.com/lebrush_artistry.php

Pasting the CSS code below.
Attaching am image of how the page should look.
#footer { 
	position: relative;
	display: block;
	background-image: url(../images/bg_footer.gif);
	width: 771px;
	height: 160px;
	clear: both;
	color: #FFFFFF;
}
 
a.footer_nav
{
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	top: 8px;
}
 
a.footer_nav:hover
{
	text-decoration: underline;
}
 
a.footer_link
{
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
 
a.footer_link:hover
{
	color: #35775e;	
	text-decoration: underline;
}
 
.info_ttl {
	position: relative;
	top: -5px;
	left: 440px;
	width: 101px;
	float: left;
}
 
.info {
	font-size: 8pt;
	color: #FFFFFF;
	position: relative;
	top: -5px;
	left: 460px;
	width: 170px;
	float: left;
}

Open in new window

screenshot-correct.jpg
Picture-5.jpg
rneptuneAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Philip_SparkConnect With a Mentor Commented:
I see you've sorted it, the problem was the absolute positioning should have been relative.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.