# BG color CSS only works in Safari...?

**URL:** https://forum.kirupa.com/t/bg-color-css-only-works-in-safari/168728
**Category:** Uncategorized
**Created:** [November 9, 2005, 4:04pm UTC](https://forum.kirupa.com/t/bg-color-css-only-works-in-safari/168728 "2005-11-09T16:04:38Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![cmart](https://avatars.discourse-cdn.com/v4/letter/c/977dab/32.png) [@cmart](https://forum.kirupa.com/u/cmart)
#### Post date: [November 9, 2005, 4:04pm UTC](https://forum.kirupa.com/t/bg-color-css-only-works-in-safari/168728/1 "2005-11-09T16:04:38Z")

</div>

I applied it to a DIV…it only works in safari. Not firefox or IE. The class is “boxheadertext”.

Here’s the CSS:

```auto

.boxheadertext {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 14px;
	letter-spacing: 2.5px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: F6F2EA;
	border-top: 2px solid #000000;
	border-right: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
}

```

AN APPLIED EXAMPLE:

```auto
<td width="245">
	  <div class="column" id="right_column">
	  	<div class="copytext">
          <div class="boxheadertext"> <img src="images/star_ornament_1.gif" alt="star" width="20" height="19" align="top" /> Shipping &amp; Returns </div>
          <div>
            <p><span class="highlighttext">FREE SHIPPING:</span> For all domestic purchases, items will be sent via UPS ground (insurance included). Shipping costs are included in all pricing unless otherwise specified. For international orders, please contact us for a customized invoice with international shipping applied. </p>
            <p><span class="highlighttext">RETURNS:</span> We want you to be happy with your purchase. Satisfaction is absolutely guaranteed. If you are unhappy with your transaction, you can return your items for a full refund as long as they are returned in original condition. For ALL returns, <a href="contact.html">contact us</a> for return authorization within 7 days of your receipt of the item.</p> 
          </div>
	  	  </div>
	  	<div class="copytext" id="purchasing_FAQ">
            **<div class="boxheadertext">** <img src="images/star_ornament_1.gif" alt="star" width="20" height="19" align="top" /> Pay with Paypal</div>
            	<p>iiiiiiiiiiiiiiiii</p>
            	<p>iiiiiiiiiiiiiiii</p>
	  	</div>
        </div>
	  </td>

```