css works in firefox but not in ie... need help!!! please
This is my website :
Awesone Maids Cleaning Services- www.awesonemaids.com , it works good in firefox but not in IE. can someone help me please . This is the css code
PHP Code:
/* Color Legend */
/* Reset */
html , body { margin : 0 ; padding : 0 ; border : 0 ; background : transparent ; font - size : 10px ; }
div , span , article , aside , footer , header , hgroup , nav , section ,
h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , a , ol , ul , li ,
table , tr , th , td , tbody , tfoot , thead {
margin : 0 ;
padding : 0 ;
border : 0 ;
vertical - align : baseline ;
background : transparent ;
}
img { margin : 0 ; padding : 0 ; border : 0 ; }
table , tr , th , td , tbody , tfoot , thead {
margin : 0 ; padding : 0 ; border : 0 ;
vertical - align : baseline ;
background : transparent ;
}
table { border - collapse : collapse ; border - spacing : 0 ; }
input , select , textarea , form , fieldset {
margin : 0 ; padding : 0 ; border : 0 ;
}
article , aside , dialog , figure , footer , header , hgroup , nav , section {
display : block ; }
h1 , h2 , h3 , h4 , h5 , h6 , p , li , blockquote , td , th , a , caption , em , strong , b , i , u , strike {
font - family : Arial , Helvetica , sans - serif ;
font - size : 100 %;
font - weight : normal ;
font - style : normal ;
line - height : 100 %;
text - indent : 0 ;
text - decoration : none ;
text - align : left ;
color : #000;
}
ol , ul { list- style : none ; }
/* Global */
html { }
body { text - align : center ; background - color : #BA8C78; background-image:url(../images/bg.jpg); }
/* Headings */
h1 , h2 , h3 , h4 , h5 , h6 { font - weight : bold ; color : #000; }
h1 { font - size : 24px ; margin - top : 30px ; color : #CA6500;
border - bottom : 1px #ccc solid; padding-bottom:15px; margin-bottom:15px; }
h2 { font - size : 20px ; margin : 30px 0px 20px 0px ; }
h3 { font - size : 16px ; margin - top : 5px ; }
h4 { font - size : 14px ; }
h5 { font - size : 14px ; }
h6 { font - size : 14px ; }
h1 img , h2 img , h3 img , h4 img , h5 img , h6 img { margin : 0 ; }
/* Text Elements */
p { color : #000; font-size:12px; line-height:150%; margin-top:10px; }
p . left { margin : 1.5em 1.5em 1.5em 0 ; padding : 0 ; }
p . right { margin : 1.5em 0 1.5em 1.5em ; padding : 0 ; }
p . news - date { color : #CA6500; font-weight:bold; }
p . news - item { margin - bottom : 20px ; }
a { }
a : link { color : #00f; }
a : visited { color : #0f0; }
a : active { color : #000; }
a : focus { color : #666; }
a : hover { color : #f00; }
blockquote { color : #000; font-size:12px; }
strong { font - weight : bold ; }
em { font - style : italic ; }
/* Images */
. image - block { padding : 10px ; border : 1px #ccc solid; margin:10px; }
/* Lists */
ul { }
ol { list- style - type : decimal ; }
ul li { color : #000; font-size:12px; }
ol li { color : #000; font-size:12px; }
dl { }
dt { }
dd { }
/* Tables */
table { width : 100 %; }
tr { }
. odd { background - color : #eee; }
. even { background - color : #fff; }
th { font - weight : bold ; }
thead , th { background : #ccc; }
tbody { }
th , td , caption { }
caption { }
tfoot { }
. tfooter { background - color : #ccc; text-align:center; font-style:italic; }
caption { background : #efefef; }
/* Miscellaneous */
sup , sub { line - height : 0 ; }
abbr , acronym { border - bottom : 1px dotted #666; }
address { }
del { background : #FFCECE; color:#f00; }
code , pre { background - color : #FF9; padding:2px 0px; margin:4px 25px;
font - family : "Courier New" , Courier , monospace ; font - size : 12px ; font - weight : normal ; line - height : 150 %; }
/* Containers */
#outer { width:960px; margin:0 auto; background-color:#fff; }
#wrapper { width:900px; margin:0 auto; background-color:#fff; }
#banner { margin:30px 0 20px 0px; float:left; }
#social-media-icons { float:right; }
#social-media-icons ul { margin-top:40px; }
#social-media-icons ul li { display:inline; }
#topnav { clear:both; }
#subbanner { }
#rightside { padding:10px; margin-left:680px; }
#rightsideindex { padding:10px; margin-left:680px; }
#content { float:left; width:650px; }
#contentresidential { float:left; width:900px; }
#contentindex { float:left; width:650px; clear:both: overflow:hidden; }
#content-full { width:100% }
#footer { margin-top:30px; border-top:1px #333 dotted; padding:3px 0px 30px 0px; }
#box1 { width:250px; margin:20px 10px 10px 0px; float:left;
background - color : #eee; border-top:10px #A85400 solid; }
#box2 { width:250px; margin:20px 50px 10px 50px; float:left;
background - color : #eee; border-top:10px #948245 solid; }
#box3 { width:250px; margin:20px 10px 10px 10px; float:left;
background - color : #eee; border-top:10px #9B9B00 solid; }
#box1 h2, #box2 h2, #box3 h2 { margin:0; padding:0 0 10px 0; color:#A43500; border-bottom:1px #bbb solid; }
#box1 h3, #box2 h3, #box3 h3 { margin:20px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin:10px 10px; }
#box4 { }
#box5 { }
#box6 { }
/* Layout Extra */
/* Navigation Extra */
#topnav ul {
width : 100 %; /* menu will fill 100% of wrapper container */
padding : 5px 0 ; margin : 10px 0 ;
float : left ;
border - top : 1px #333 solid; border-bottom:1px #333 solid;
}
#topnav ul li {
display : inline ;
}
#topnav ul li a {
padding : 3px 15px ; /* Sets the Height and Width of the menu item*/
float : left ;
color : #333; /* Sets the font color of the menu item text */
text - decoration : none ; /* removes the underline from underneath links */
}
#topnav ul li a:hover {
color : #CA6500;
}
/* Gallery */
#gallery ul li { display:inline; }
#gallery ul li img { padding:5px; border:1px #ccc solid; margin:5px; }
/* Forms */
form ol { list- style - type : none ; }
form { text - align : left ; margin : 20px ; }
label {
float : left ; width : 150px ; margin - top : 5px ;
text - align : right ; display : block ; background : none ;
}
submit { background : none ; }
input {
width : 280px ; margin : 0 0 16px 10px ;
border : 1px #bbb solid; padding:5px; background:none;
}
input : focus , textarea : focus { background - color : #FFD5AA; }
textarea {
width : 280px ; height : 150px ; margin : 0 0 16px 10px ;
border : 1px #bbb solid; padding:5px; background:none;
}
select { margin - bottom : 20px ; }
. month { margin - left : 155px ; }
. submit {
width : 90px ; height : 25px ;
margin - left : 170px ;
font - size : 12px ;
}
br { clear : left ; }
. clear { clear : both ; }
/* Miscellaneous */
. copyright - text { font - size : 80 %; font - style : italic ; color : #333; }
. footer - text { font - size : 100 %; font - style : normal ; color : #666; text-align:center; }
. float - right { float : right ; }
. float - left { float : left ; }
. clear { clear : both ; }