I have a problem. And I don't know how to fix it. Basically, I want to know why the background for the images on this (http://britanniabcmod.bravehost.com/media.html) page are not behind the whole image, and how to fix it so that they are. Here is the CSS source:
.image a
{
padding : 5px;
text-align : left;
background-color : #252a33;
border : solid 2px #e6efff;
}
.image a:hover
{
padding : 5px;
text-align : left;
background-color : #e6efff;
border : solid 2px #252a33;
}
And the HTML:
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/newshields.png" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_newshields.png"></a> </span>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/0020.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_0020.jpg"></a> </span>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/IceniSwordsmen.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_IceniSwordsmen.jpg"></a> </span>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/DismountedRaiders.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_DismountedRaiders.jpg"></a></span>
<br>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/Raiders.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_Raiders.jpg"></a> </span>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/0037.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_0037.jpg"></a></span>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/0044.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_0044.jpg"></a></span>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/0043.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_0043.jpg"></a></span>
<br>
<span class="image">
<a href="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/0042.jpg" target="_blank">
<img src="http://i124.photobucket.com/albums/p9/Son_Of_The_King/RTW/Britannia%20BC/th_0042.jpg"></a></span>
Any help would be appreciated :). Thanks in advance.