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 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.