Site works fine in Firefox, completely broken in Internet Explorer.

I can't understand it, but I'm used to making websites based on browsers that aren't IE... There always seems to be a problem with it.

Here is the page and please tell if I need to display any other information.

http://chaoscoalition.NET/testsite/index.php#

Edit: Here's the CSS, as appropriate:

@charset "utf-8";
/ * CSS document * /.

.oneColLiqCtr #container {}
background-image: url(images/body.png);
background-repeat: no-repeat;
Width: 1000px;
height: 974px;
margin: 0 auto; / * This setting overrides the text-align: center on the body element. */
z-index: 0;
}
#header {}
position: absolute;
Width: 1000px;
height: 74px;
margin: 0 auto;
z-index: 0;
}
#nav {}
fonts: Verdana, Geneva, without serif.
do-size: 14px;
position: absolute;
Width: 500px;
height: 50px;
top of the margin: 35px;.
margin left: 461px;
z-index: 0;
}
#logo {}
position: absolute;
top:-125px;
left:-15px;
Width: 419px;
height: 222px;
z index: 30;
}
#main {}
position: absolute;
top: 118px;
padding-left: 60px banner;
padding-right: 60px banner;
Width: 882px;
height: 870px;
margin: 0 auto;
z-index: 0;
}
#news {}
Width: 700px;
height: 300px;
z-index: 0;
}
{#donate}
position: absolute;
margin-top:-295px;
margin left: 705px;
Width: 175px;
height: 46px;
}
{#poll}
position: absolute;
margin-top:-230px;
margin left: 705px;
Width: 175px;
height: 442px;
}

/*
content slider
*/

.floatLeft {float: left; margin-right: 10px ;}}
.floatRight {float: right ;}}
. Clear {clear: both ;}}
a                                            { outline: none; }

#page-wrap {width: 700px; position: relative; height: 300px;}


background: high url(images/bg.png) in the Center;
background-repeat: no-repeat ;}


UL {list-style: square inside ;}}
a, a: visited {color: #729dff; text-decoration: none ;}}
a: hover, a: active {}
color: #CCC;
}
BLOCKQUOTE {}
padding: 0 20px;
left margin: 20px;
border-left: 10px solid #666666;
do-size: 14px;
do-family: verdana;
top of the margin: 40px;
color: #CCC;
}


purchase online .slider {}
Width: 640px;
height: 240px;
position: absolute;
top: 30px;
left: 30px;
}
.stripViewer .panelContainer
. Panel ul {text-align: left; margin: 0 15px 0 30px ;}}
.stripViewer {position: relative; overflow: hidden; width: 640px; height: 240px ;}}
.stripViewer .panelContainer {position: relative; left: 0; top: 0 ;}}
.stripViewer .panelContainer .panel {float: left; height: 100%; position: relative; width: 640px ;}}
.stripNavL, .stripNavR, .stripNav {display: none ;}}
. NAV-inch {right margin: 5px ;}}
#movers - line {margin:-55px 0 62px 0 ;}}
div #movers - line {width: 20%; float: left ;}}
div #movers - line a.cross - link {float: right ;}}
your-meta-data {background: url(images/transpBlack.png); padding: 10px; height: 40px;}
margin-top:-240px. position: relative; z index: 9999; color: white; }
your-meta-data span {}
do-size: 16px;
color: #CCC;
}
.cross-link                                    {
display: block;
Width: 62px;
position: relative;
padding-top: 15px;
z index: 9999;
}
.the-inch {background: transparent url(images/icon-uparrowsmallwhite.png) top in the Center no-repeat ;}}

In your embedded CSS, you have 2 instances of body.  Keep one and delete the other.  Notice the differences in the size of the font, colors, and backgrounds.

body {
     font: 100% Verdana, Arial, Helvetica, sans-serif;
     background: #666666;
     margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #000000;
     background-color: #000;
     background-image: url(.../images/background.png);
     background-repeat: repeat-x;
}

/**and again near the end you have this one**/

body {
     background-color: #000;
     background-image: url(images/background.png);
     background-repeat: repeat-x;
     color: #CCC;
     font-size: 12px;
     font-family: Verdana, Geneva, sans-serif;
}

It is the appearance of your site in IE6:

When I increase the text size in the browser (Ctrl +++) your page becomes a mess of confusion due to the values of height on most of your containers. This happens in all browsers not only IE. Do a Google search for CSS MIN-HEIGHT.

In IE6, your PNG images transparent look terrible because pre - IE7 browsers don't support Alpha transparency without a JavaScript hack.  Do a Google for IE PNG fixsearch.

Rebuild your page content flows logically mind of footer.  Avoid absolutely positioned Divisions. Use instead the floats and CSS margins.

Here is a link to a sample 2 column CSS Layout.  No absolute positioning division, no height not limited and no animals were injured in the realization of this layout.

http://ALT-Web.com/templates/right-column-fixed-width-template.shtml

Nancy O.
ALT-Web Design & Publishing
Web | Graphics |  Print | Media specialists
www.Alt-Web.com/
http://www.Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

Maybe you are looking for

  • Call button answer set to Apple Watch to take call on iPhone, not the watch?

    It's super easy to do with my rock: 1 button response call on rollers 2 put the iPhone to my ear and start talking BOOM, done. I just bought a Apple Watch 1, which is not yet there. So far its looking like what I read to do the same thing, it is like

  • Satellite A200 - will not start with power supply connected

    My lapop is 2 years old. Whist trying to boot it restarts at least 2 times and I am running Windows 7. My old battery lasts about 20 minutes so I bought a new and the first time that I loaded up it gave me an hour of a time value of battery, but on t

  • Out of black screen on my Equium A100 - 01 M

    Hi all Recently bought this phone and im happy with it however,When you play games like world of warcraft 3D, from time to time I get screen failures, no true model, doesn't even have to build up or highly areas of Norway.I tried setting the lowest g

  • Hi, what are all the ongoing processes in the operating system during startup itself?

    Hello I want to know, what are all the ongoing processes within an operating system during startup/boot. Why system processes are always on. explain on the windows registry.

  • Important issues WRT310N

    I recently bought a WRT310N router on my PS3 says that the Nat Type is Type 3. I need to change that to Type 2. In addition, how to enable UPNP on the router? Any help will be appreciated, because I'm stumped at the moment...