I'm not sure whether this would be best posted here or in the CSS forum, as I suspect its caused by both. I have an image link on my new site, but the <a> box seems to be larger than the image it contains. The code is as follows:
<a class="imglink" name="top" href="index.php">
<img id="mainlogo" src="siteimages/mainlogo.jpg" width="300" height="100" alt="The Railways Archive"></img>
CSS relating to this is as follows:
you can see the result here:
The maroon logo image (strictly a temporary image!) at top left is 100px deep. But an extra 4 pixels is being added to the link size in both FF and IE, forcing the banner to be bigger and wrecking the look.
Can anyone help and tell me what I'm doing wrong?