This is a pretty average question, you can just post it as normal in the HTML/CSS forum.
Add to your CSS:
Code:
td {
position: relative;
}
td img {
display: block;
}
.result9807368 {
position: absolute !important;
bottom: 0;
}
You are also missing a
<!DOCTYPE> http://www.w3schools.com/tags/tag_doctype.asp.
Remember to wrap your code in [code][/code] tags, so that it is neatly formatted (like my code above).
Here is the final code:
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>New Test</title>
<style type="text/css">
td {
position: relative;
}
td img {
display: block;
}
.result9807368 {
position: absolute !important;
bottom: 0;
}
</style>
</head>
<body>
<table style="text-align: left; width: 100%; height: 249px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: top;"><img style="width: 100%; height: 257px;" alt="" src="https://www.opendrive.com/files/61581706_Hq0Wm/Top-Header%20copy.jpg">
<link rel="stylesheet" href="https://static1.grsites.com/user/f/f/8/louisecoite/r9807368/9807368.css" type="text/css" />
<div class="result9807368">
<table cellpadding="0" cellspacing="0" border="0" class="tabbar">
<tr>
<td valign="middle" id="b98073681" class="button" onmouseover="mOv9807368(1); " onmouseout="mOut9807368(1); ">
<center>
<a href="http://stores.ebay.com/Top-Rank-Records" class="a9807368">
<span id="sp98073681" class="t9807368">
Home
</span>
</a>
</center>
</td>
<td valign="middle" id="b98073682" class="button" onmouseover="mOv9807368(2); " onmouseout="mOut9807368(2); ">
<center>
<a href="http://stores.ebay.com/Top-Rank-Records/Shipping.html" class="a9807368">
<span id="sp98073682" class="t9807368">
Shipping
</span>
</a>
</center>
</td>
<td valign="middle" id="b98073683" class="button" onmouseover="mOv9807368(3); " onmouseout="mOut9807368(3); ">
<center>
<a href="http://stores.ebay.com/Top-Rank-Records/Grading.html" class="a9807368">
<span id="sp98073683" class="t9807368">
Grading
</span>
</a>
</center>
</td>
<td valign="middle" id="b98073684" class="button" onmouseover="mOv9807368(4); " onmouseout="mOut9807368(4); ">
<center>
<a href="http://stores.ebay.com/Top-Rank-Records/Abbreviations.html" class="a9807368">
<span id="sp98073684" class="t9807368">
Abbreviate
</span>
</a>
</center>
</td>
<td valign="middle" id="b98073685" class="button" onmouseover="mOv9807368(5); " onmouseout="mOut9807368(5); ">
<center>
<a href="http://cgi3.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=top-rank-recordz" class="a9807368">
<span id="sp98073685" class="t9807368">
About Us
</span>
</a>
</center>
</td>
<td valign="middle" id="b98073686" class="button" onmouseover="mOv9807368(6); " onmouseout="mOut9807368(6); ">
<center>
<a href="http://stores.ebay.com/Top-Rank-Records/We-Buy.html" class="a9807368">
<span id="sp98073686" class="t9807368">
We Buy
</span>
</a>
</center>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
function mOv9807368 (num) {
document.getElementById("b9807368"+num).style.backgroundPosition = "-100px 0px";
}
function mOut9807368 (num) {
document.getElementById("b9807368"+num).style.backgroundPosition = "0px 0px";
}
</script>
</td>
</tr>
</tbody>
</table>
</body>
</html>