The footer section background colour changes when opening it on Safary. Any one can help me please? - CSS-Tricks

This topic is empty.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts

July 22, 2011 at 5:01 am #33600

Diniz76

Participant

The link to my demo page

http://jssdz.tghne.servertrust.com/

On internet explorer and Fire Fox it works fine but when opening on Safary I have a dark blackground colour which I don’t want.

this is the file on css

#footer_top {margin:0 auto; padding:0px 0 20px; width:965px; font-size:10px;}



#footer_top ul { margin:0; padding:0px; width:965px; text-align:center; line-height:12pt; list-style:none; float:left;}

#footer_top ul li {display:inline-block; width:170px; margin:0px; padding: 0px; float:left; text-align: center;}

#footer_top ul li img { margin: 0 1em 0 0;}

#footer_top ul li:first-child { width: 120px; }



#footer_top ul li:second-child { width: 80px; }



#footer_top ul li:third-child { width: 80px; }



#footer_top ul li:forth-child { width: 80px; }



#footer_top ul li:last-child { width: 320px; }





#footer_top ul li.title {color:#353a41;}



#footer_top ul li a {color:#a29f9f;}



#footer_top ul li a:hover {color:#b6cbf6;}



/* MAILING LIST */

#eList {margin:0; padding:0; width:965px; text-align:center; float:right; line-height: 4px;}



#eList p {margin:0 0 10px; padding:0px; color:#353a41;}

#elist_input { width: 190px; font-size:11px;}





#elist_field {



padding:8px 8px 3px;

margin:0 10px 0 0;

line-height: 10px;

top:0px;

right:0px

width:965px;

font-size:9px;

color:#000000;

border:353a41;

background:url(../images/template/mail_bg.gif) right no-repeat;}



#elist_field.empty{}



#elist_btn {padding:0; margin:0;}



/* ############################### FOOTER BOTTOM */

#footer_bottom {

margin:0 auto;

padding:20px;

width:960px;

color:#a29f9f;

text-align:left;

font-size:13px;

background:url(../images/template/footer_div.gif) top repeat-x;}



#footer_bottom p {margin:0; padding:0; line-height:10pt; text-align:center; font-size:9px;}



#footer_bottom a {color:#a29f9f;}

#footer_bottom a:hover {color:#b6cbf6;}