Forum Moderators: not2easy
My HTML:
<div style="text-align:center" class="guaranteeBox">
<h1 class="guaranteePageHeading">100% Money-Back<br />Satisfaction Guarantee</h1>
<p class="guaranteePageText">We stand behind all of our products. If, for any reason you are unsatisfied with your purchase, you may return any undamaged item to us within 10 days of the delivery date and we will issue you a prompt and courteous refund for the full cost of the item.</p>
<p class="guaranteePageText"><a href="[~554~]" title="Membership benefits">Learn about our extended 30 and 60-day money back guarantees!</a></p>
</div>
My CSS:
h1.guaranteePageHeading {
font-size: 22pt;
font-family: georgia,verdana, arial, serif;
line-height: normal;
margin: 0;
padding: 65px 0 20px 0;
text-align: center;
font-weight: normal;
letter-spacing: 1px;
font-variant: small-caps;
}
p.guaranteePageText {
font-size: 8pt;
font-family: verdana, arial, serif;
line-height: 1.3em;
margin: 0;
padding: 5px 10px 5px 50px;
text-align: left;
width: 420px;
}
p.guaranteePageText a {
color: #7C6E01;
font-weight: normal;
text-decoration: underline;
}
p.guaranteePageText a:hover {
color: #000000;
}
div.guaranteeBox {
background-image:url('guarantee_certificate.jpg');
background-repeat: no-repeat;
background-position: top center;
text-align: center;
width: 555px;
height: 422px;
margin: 15px 15px 15px 5px;
padding: 0;
/* background-color: #E4E3B6;
border: 2px solid #877C00;
padding-bottom: 10px;
margin: 20px 20px 0 20px; */
}
Thank you for you help.
Is it possible a float value is being specified further up the cascade?