Re: Spacing/Floating Different on Firefox than Safari

[csanders984]

Below is my CSS for the entire page

Code:

/* Universal style rule */
*{
/* Block all browser default margins and padding */
margin:0;
padding:0;
/* Temporary borders */
order:dashed 1px #f00;
}

#wrapper{
width: 55em;
background-color: #FFFFFF;;
/* Center the wrapper */
margin: 0px auto 0 auto;

}

#branding{
background-color: #FFFFFF;

}

#branding img{
background-color: #FFFFFF;
width: 90% ;
float:

}

body{
background: ;
font-family:Arial, Helvetica, sans-serif;

}

/************* MAIN division styles ****************/

#col1, #col2, #col3{

float: left;
width: 190px;
margin-right: 4.5em;
position: relative;
padding: 1.5px;

}

#col1{
padding-left: 2.0em;
}

#col2{
padding-right:0.5em;
margin-left: 0 em;
}

#col3{
margin-right: 0em;
float: right;
position: relative;
padding-top: 2.5em;
padding-left:0.5em;
}

#navigation{

position: relative;
width: 100%;
margin: auto;
float:left;
padding-bottom:4.0em;
}

#lum1, #lum2{
float: left;
margin: 0 2.3em 0 2.3em;
}

#lum2{
padding-left: 0.42em;

}

#lum3{
float: right;
margin: 0 2.3em 0 2.3em;
padding-bottom: 0.5em;
}

#footer{
color: #FFFFFF;
background-color:#000000;
border-top:thin dashed;
margin-top: 3em;
background-color:;
text-align: center;
clear: both;
font-size: 9.5px;

}

and my html for the body section

Code:

All images are the intellecutual property and creation of Christopher D. Sanders, Copyright 2010