IE does not interpret the CSS At ALL

[zeech26]

Sorry to clog up the forum with another question on this site:
Problem:
IE 7 won't display my page properly, as if it is not reading the CSS at ALL...
surflaspalmeras.com

It is telling me this (IE 7)
Line 80
Char 1
Error 'swf' object is undefined
code 0

Here is the CSS code I am using:

@charset "UTF-8";
/* CSS Document */
/* body */
body {
background-color:#333;
}
#wrapper {
margin: 0px auto 30px;
width: 800px;
height:auto;
background-color:#FFFFFF;
border:#FFFFFF solid 1px;
}
#container {width: 798px; margin: 2px auto 0; padding-top: 0px; padding-left: 2px; position: relative;}
#container02 {width: 798px; margin: 1px auto 0; padding-top: 0px; padding-left: 2px; float:left; background-color:#FFF;}
#container03 {width: 800px; margin: 1px auto 0; padding-top: 0px; padding-left: 0px; padding-bottom:50px; float:left; background-image:url(../images/div_bgd.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FFF;}
#container04 {width: 800px; margin: 1px auto 0; padding-top: 2px; padding-left: 0px; padding-bottom:50px; float:left; background-image:url(../images/div_bgd.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FFF}
#container04 img {float: right; padding:4px 4px 5px 35px; border: none;}
#container04 object {float: right; padding:4px 4px 5px 35px; border: none;}
#wrapper02 { margin: 0 auto 30px; width: 800px; background-color:#FFFFFF; text-align:center; border:#CCCCCC solid 1px;}
#header { width: 800px; height: 140px; margin: 0px auto 2px; position: relative; z-index: 9998; background-image:url(../images/header.jpg); padding: 0px; }
#footer { width: 780px; clear: both; color: #333; border-top: 1px solid #333333; margin: 0 auto; padding: 8px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#leftcolumn {color: #333; margin: 0px 5px 5px 0px; padding-left: 2px; width: 500px; height: auto; float: left;}
#midcolumn {color: #000000; border: none; margin: 0px 5px 5px 0px; padding: 0px; width: 285px; height: auto; float: left;}
#midcolumn ul li {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 10px 0px 5px;}
#rightcolumn {color: #333; border: none; margin: 3px 5px 5px 0px; padding: 0px; width: 790px; height: 400px; float: left;}

/* TEXT */
p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 25px 0px 5px;}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#C00; padding: 0px 5px 0px 5px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#06F; padding: 0px 5px 0px 5px;}
ul li {font-family: Arial, Helvetica, sans-serif; font-size:10px;}
#container03 p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 35px 0px 10px;}
#container03 h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#C00; padding: 0px 5px 0px 10px;}

A:link {text-decoration: none; color:#900;}
A:visited {text-decoration: none; color:#606;}
A:active {text-decoration: none; color:#606;}
A:hover {text-decoration: underline; color:#606;}

/* GLOBALHEADER */
#globalheader { width: 798px; height: 25px; margin: 1px auto 1px auto; position: relative; z-index: 9998; padding-left:0px; background-color:#000000; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 133px; height: 0; padding-top: 25px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalnav {background-image:url(../images/NAVBAR-798px.png); background-repeat: no-repeat; }
/* BUTTONS */
#globalheader #globalnav li#home a { background-position: 0 0; }
#globalheader #globalnav li#surfing a { background-position: -133px 0; }
#globalheader #globalnav li#activities a { background-position: -266px 0; }
#globalheader #globalnav li#reservations a { background-position: -399px 0; }
#globalheader #globalnav li#about_us a { background-position: -532px 0; }
#globalheader #globalnav li#spanish a { background-position: -665px 0; }
/* OVER STATES */
#globalheader #globalnav li#home a:hover { background-position: 0 -25px; }
#globalheader #globalnav li#surfing a:hover { background-position: -133px -25px; }
#globalheader #globalnav li#activities a:hover { background-position: -266px -25px; }
#globalheader #globalnav li#reservations a:hover { background-position: -399px -25px; }
#globalheader #globalnav li#about_us a:hover { background-position: -532px -25px; }
#globalheader #globalnav li#spanish a:hover { background-position: -665px -25px; }
/* PRESSED STATES */
#globalheader #globalnav li#home a:active { background-position: 0 -50px; }
#globalheader #globalnav li#surfing a:active { background-position: -133px -50px; }
#globalheader #globalnav li#activities a:active { background-position: -266px -50px; }
#globalheader #globalnav li#reservations a:active { background-position: -399px -50px; }
#globalheader #globalnav li#about_us a:active { background-position: -532px -50px; }
#globalheader #globalnav li#spanish a:active { background-position: -665px -50px; }
/* ON STATES */
#globalheader.home #globalnav li#home a:hover { background-position: 0 0; cursor: default; }
#globalheader.surfing #globalnav li#surfing a { background-position: -133px -75px !important; }
#globalheader.activities #globalnav li#activities a { background-position: -266px -75px !important; }
#globalheader.reservations #globalnav li#reservations a { background-position: -399px -75px !important; }
#globalheader.about_us #globalnav li#about_us a { background-position: -532px -75px !important; }
#globalheader.spanish #globalnav li#spanish a { background-position: -665px -75px !important; }

This code is a base that I have been using for other sites which work fine in IE...

Works great in Firefox...
Thanks again,
zack

[chishikinohito]

Try to remove




@charset "UTF-8";
/* CSS Document */
/* body */

plus

update your flash player..

I think that would be enough..

[zeech26]

Hey chishikinohito, thanks for the response. I tried that, and no fix, but I figured it out.
It was my error in the HTML. I had included a base href in the code, and when I removed that, no more problem, although I still get errors on the page, due to the SWF object.
I had included the base href by accident, using another mark up someone had sent me, and now I must go and do some research on the importance of base hrefs... thanks again for your time.
cheers
zack