[SOLVED] Disappearing Links

[MasterSaji]

Hey all, hopefully this is in the right spot.  I'm having trouble with some code I'm hoping some fresh pair of eyes could help me fix.  Anyway, I'm having trouble with a link doing a disappearing act and I'm just stumped as to where it could be.  You'll see what I mean if you head over here.  There is supposed to be an image that links back up to the main site, but it's just not there.  Here's the code I have.

 

<table align="center" width="900" height="400" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
	<td align="center" valign="middle">
		<table class="main" align="center" width="870" height="370" cellpadding="0" cellspacing="0">
			<tr>
				<td class="nav" align="right" valign="top" width="205" height="370">
				<div class="home"><a href="http://grimforge.com/index.php"></a></div>
				<div class="gallery-act"></div>
				<div class="about"><a href="http://grimforge.com/about.php"></a></div>
				<div class="contact"><a href="http://grimforge.com/contact.php"></a></div>
				</td>

 

and here's the CSS code I have for it.

 

/* MAIN.PHP */
table.main {
background-color: #FFFFFF;
background-image: url(images/main_bg.png);
background-repeat: no-repeat;
}

td.nav {
padding: 6px;
}

div.home-act {
width: 200px;
height: 50px;
float: left;
background-image:url(images/home_act.png);
background-repeat: no-repeat;
}

.home a {
float: left;
width: 200;
height: 50px;
background-image: url(images/home_non_act_hover.png);
background-repeat: no-repeat;
border: hidden;
}

.home a:hover {
background-position: 0px -50px;
}

div.gallery-act {
width: 200px;
height: 50px;
float: left;
background-image:url(images/gallery_act.png);
background-repeat: no-repeat;
}

.gallery a {
float: left;
width: 200;
height: 50px;
background-image: url(images/gallery_non_act_hover.png);
background-repeat: no-repeat;
border: hidden;
margin-top: 12px;
}

.gallery a:hover {
background-position: 0px -50px;
}

div.about-act {
width: 200px;
height: 50px;
float: left;
background-image:url(images/about_act.png);
background-repeat: no-repeat;
}

.about a {
float: left;
width: 200px;
height: 50px;
background-image: url(images/about_non_act_hover.png);
background-repeat: no-repeat;
border: hidden;
margin-top: 11px;
}

.about a:hover {
background-position: 0px -50px;
}

div.contact-act {
width: 200px;
height: 50px;
float: left;
background-image:url(images/contact_act.png);
background-repeat: no-repeat;
}

.contact a {
float: left;
width: 200px;
height: 50px;
background-image: url(images/contact_non_act_hover.png);
background-repeat: no-repeat;
border: hidden;
margin-top: 10px;
}

.contact a:hover {
background-position: 0px -50px;
}

 

Also, the above HTML code is placed within a PHP file (though that shouldn't have anything to do with it), but the thing is, if you went to the main site, it works just fine.  Anyway, thanks a head of time, and sorry if this is in the wrong section  :-\

 

~Saji

[rhodesa]

under ".home a", the width is missing a 'px'

[MasterSaji]

under ".home a", the width is missing a 'px'

 

Wow, I can't believe I missed that.  I guess that's what happens when you work on something for a few hours straight at 5 in the morning.  Thanks a lot though!

 

~Saji