Hello, I am trying to make my website work in firefox and IE. It looks great in chrome but all the styles fail in firefox and IE. I am very much a beginner so please bear with me.



Here is the CSS coding

body { background: #FFFFFF; color: #666666; background-image: url(background.jpg); Background-position: top left; background-repeat: repeat-x; font: normal normal 12px Helvetica, sans-serif }

header {background: #000033; color: #FFFFFF; margin-bottom:0; background-image: url(sunset.jpg); Background-position: right; background-repeat: no-repeat; padding:10px; font-family:Georgia, serif; }
nav { padding: 20px 5px 5px 20px; font-weight:bold; float:left; width:150px; }
#nav ul { list-style-type: none; margin:0; padding-left:0; font-size:1.2em; }
#nav a {text-decoration:none;}
#nav a:link {color: #000033; }
#nav a:visited {color: #344873; }
#nav a:hover {color: #FFFFFF; }

h2 {color: #3399cc; font-family:Georgia, serif; text-shadow:1px 1px 1px #ccc; }
h3 {color: #000033; font-family:Georgia, serif; }
dt {color: #000033; }
.resort {color:#000033; font-weight:bold; }
#wrapper{width:80%; min-width:960px; background-color:#90C7E3; overflow:auto; box-shadow:5px 5px 5px #000033; -webkit-box-shadow:5px 5px 5px #000033; -moz-box-shadow:5px 5px 5px #000033; }
#content { background-color:#FFFFFF; padding:1px 20px 20px 30px; margin-left:150px; overflow:auto; }
#content img {float: left; padding: 20px; }
#content ul {list-style-position: inside; }
#address {font-size: 90%; }
footer {font-size: 75%; font-family: Georgia, serif; font-style: italic; }
header, hgroup, nav, footer, figure, figcaption, aside, section, article {display: block; }
#mobile {display: inline; }
#desktop {display: none; }
img {max-width: 100%; height: auto; }
@media only screen and (max-width: 768px) {
body {margin:0;}
#wrapper {min-width:0; Width:auto}
#content {margin-left:0; }
nav { float: none; width: auto; padding: 0; }
footer { margin-left: 0; }
}
@media only screen and (max-width: 480px) {
body {margin:0;}
#wrapper { width:auto; min-width:0; margin:0; }
#content { padding:.1em,1em,.1em,1em; margin:0; font-size: 90%; }
header {margin:0; font-size:1.5em; padding-left:.3em; }
#content { float:none; padding:0; margin:.1em; }
#mobile { display:inline;}
#desktop { display:none; }