CSS Button Inconsistancy

[chrispowers]

I'm having trouble with the two side buttons on www.strivefans.com/home.php. They are CSS based rollovers that use image replacement, not img tags. The weird thing is that usually it works great, but every now and then I go to the site and it's like the hyperlink isn't even there: there's no rollover swap, I can't click to get to the linked page and there's not even a cursor change to show that you're rolling over something.

Any ideas? I'm using Safari and Firefox, haven't checked anything on IE yet.

Thanks for any help!

Here's the HTML:
<div id="store">
<h3><span>Online Store</span></h3>
<p><a href="ZenCart"><span>Purchase STRIVE merchandise from the Rock Gospel
Co. Store!</span></a></p>
</div>
<!-- end store -->
<div id="rgm">
<h3><span>Rock Gospel Ministries</span></h3>
<p><a href="http://www.rockgospelministries.org"><span>Visit STRIVE's 501c3
non-profit ministry</span></a></p>
</div>
<!-- end rgm -->


And here's the CSS:


h3 span {
display: none;
}

#store
{
height: 136px;
margin: 0px;
padding: 1px 0 0 0;
background: url(images/cssImages/store.jpg) no-repeat top left;
}

#store span
{
display: none;
}

#store p
{
margin: 0;
}

#store a
{
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

#store a:hover
{
background: url(images/cssImages/store_over.jpg) no-repeat top left;
}

#rgm
{
height: 147px;
background: url(images/cssImages/rgm.jpg) no-repeat top left;
margin: 0px;
padding: 1px 0 0 0;
}

#rgm span
{
display: none;
}

#rgm p
{
margin: 0;
}

#rgm a
{
float: left;
margin: 0;
width: 100%;
height: 100%;
}

#rgm a:hover
{
background: url(images/cssImages/rgm_over.jpg) no-repeat top left;
}

[chrispowers]

One other clue that might be helpful...

I recently added PHP to my site, the page used to be www.strivefans.com/home.html. Right now (at least for me) the html page's rollovers work correctly, but the php page's do not. Same code, same css, but different end effects...?

www.strivefans.com/home.html
www.strivefans.com/home.php

[chrispowers]

Okay, well, I didn't figure this out, so I used img rollovers w/ Javascript instead, just used CSS positioning. It's just a workaround, I still wish I knew what was wrong...