Img Hover not working in FF & Safari

I've got an link hover attribute on some images that is supposed to change the border color from white to gray. It's working in IE, but in FF the border doesn't wrap around the image—it compressed to the bottom 20 pixels of the image.

I've exhausted my limited knowledge and would love some insight into what I'm missing when reviewing the code.

Here's the link: <>

Much obliged, y'all.

<style type="text/css" media="screen">
#Thumbs img {
border:none;
margin:5px;
height:300px;
width:100px;
background: #fcf;
}
#Thumbs a {
padding: 5px;
background-color:#FFFFFF;
}
#Thumbs a:hover {
padding: 5px;
background-color:#CCCCCC;
}
</style>
</head>
<body>
<div id="Thumbs" style="padding:5px;">
<a href="img.jpg" title="#"><img src="img.jpg"></a><a href="img.jpg" title="#"><img src="img.jpg"></a><a href="img.jpg" title="#"><img src="img.jpg"></a><a href="img.jpg" title="#"><img src="img.jpg"></a>
</div>

[edited by: SuzyUK at 5:00 pm (utc) on June 6, 2008]
[edit reason] no links see pinned posts thanks, code added [/edit]

Img Hover not working in FF & Safari

mffishdog

Handlebar

mffishdog

topr8

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week