Site all messed up in IE7

[Liquid Fire]

here is my css:
[code]
/* BASIC */

html, body {
height: 100%;
}

.sub_title_text {
margin-bottom: 1em;
}

.link2 {
display: block;
padding-right: 18px;
background: url(../images/homepage22.gif) no-repeat right center;
text-align: right;
}

.ul_main_menu {
margin: 0px;
padding: 0px;
list-style: none;
}

.ul_main_menu li {
display: inline;
}

.ul_main_menu a {
display: block;
background: url(../images/homepage19.gif) repeat-x left top;
}

.ul_main_menu a b {
display: block;
height: 18px;
padding: 5px 0px 0px 15px;
font-weight: normal;
}

.ul_main_content {
margin-left: 0px;
padding-left: 0px;
list-style: none;
}

.ul_main_content a {
padding-left: 14px;
background: url(../images/homepage45.gif) no-repeat left center;
}

.bg8, .bg9 {
padding: 14px 14px 0px 14px;
}

.bg16 {
background-color: #FFFFFF;
}

/* WRAPPER */

#wrapper {
width: 945px;
margin: 0px auto;
}

/* MENUS */

#top_menu
{
height: 54px;
background: url(../images/homepage03.jpg) repeat-x left top;
}

#left {
float: left;
height: 36px;
margin: 0px;
padding: 18px 0px 0px 28px;
background: url(../images/homepage02.jpg) no-repeat left top;
}

#right {
float: right;
height: 36px;
margin: 0px;
padding: 18px 28px 0px 0px;
background: url(../images/homepage04.jpg) no-repeat right top;
}

/* HEADER */

#header {
height: 99px;
background: url(../images/homepage06.jpg) repeat-x left top;
}

#company_name
{
float: left;
width: 216px;
height: 99px;
background: url(../images/homepage05.jpg) no-repeat left top;
}

#company_name h1
{
position: relative;
font-size: 24px;
    top: 34px;
    left: 43px;
}

#top_logo
{
height: 84px;
margin: 0px 216px;
padding-top: 15px;
text-align: center;
}

#login {
float: right;
width: 216px;
height: 99px;
margin-top: -99px;
background: url(../images/homepage07.jpg) no-repeat left top;
}

#login form {
padding: 18px 0px 0px 22px;
}

#logged_in_message
{
position: relative;
top: 40px;
left: 8px;
padding-right: 10px;
font-weight: bolder;
}
/* CONTENT */

#content {
}

/* 3-COLUMN LAYOUT */

.three-col {
}

.three-col .colA {
float: left;
width: 203px;
padding: 3px 7px 0px 6px;
}

.three-col .colB {
float: left;
width: 503px;
padding: 3px 5px;
}

.three-col .colC {
float: right;
width: 203px;
padding: 3px 6px 0px 7px;
}

.three-col .colB .extra {
height: 25px;
background: url(../images/homepage41.gif) repeat-x left top;
}

.three-col .colB .extraL {
float: left;
width: 25px;
height: 25px;
background: url(../images/homepage40.gif) no-repeat left top;
}

.three-col .colB .extraR {
float: right;
width: 25px;
height: 25px;
background: url(../images/homepage42.gif) no-repeat left top;
}

/* 2-COLUMN LAYOUT */

.two-col {
}

.two-col .colA {
float: left;
width: 203px;
padding: 3px 7px 0px 6px;
}

.two-col .colB {
float: left;
width: 719px;
padding: 3px 5px;
}

.two-col .colB .bottom_middle_image {
height: 25px;
background: url(../images/homepage41.gif) repeat-x left top;
}

.two-col .colB .bottom_left_image {
float: left;
width: 25px;
height: 25px;
background: url(../images/homepage40.gif) no-repeat left top;
}

.two-col .colB .bottom_right_image {
float: right;
width: 25px;
height: 25px;
background: url(../images/homepage42.gif) no-repeat left top;
}

/* SEARCH */

#search {
height: 48px;
}

#search .text2 {
display: block;
float: left;
width: 51px;
height: 27px;
padding: 21px 0px 0px 23px;
background: url(../images/homepage31.gif) no-repeat left top;
}

#search form {
}

#search input {
float: left;
margin: 20px 10px 0px 0px;
}

#search a {
display: block;
float: right;
height: 28px;
padding: 20px 23px 0px 0px;
background: url(../images/homepage33.gif) no-repeat right top;
}

/* FOOTER */

#footer {
width: 945px;
height: 60px;
margin: 0px auto;
}

#footer p {
float: left;
width: 890px;
margin: 0px;
padding: 30px 0px 0px 0px;
}

#footer .left {
float: left;
width: 25px;
height: 16px;
background: url(../images/subpage1_01.jpg) no-repeat left top;
}

#footer .right {
float: right;
width: 25px;
height: 16px;
background: url(../images/subpage1_03.jpg) no-repeat left top;
}

/* BOX */

.box {
}

.box .title {
background: #7BA31A url(../images/homepage11.gif) repeat-x left top;
}

.box .title h2 {
background: url(../images/homepage10.gif) no-repeat left top;
}

.box .title h2 b {
display: block;
height: 22px;
padding: 16px 0px 0px 22px;
background: url(../images/homepage12.gif) no-repeat right top;
}

.box .content {
margin: 0px 6px;
border-width: 1px;
border-style: solid;
border-color: #9B9C94 #9B9C94 #676860 #9B9C94;
}

.box .bottom_middle_image {
height: 29px;
background: url(../images/homepage16.gif) repeat-x left top;
}

.box .bottom_left_image {
float: left;
width: 25px;
height: 29px;
background: url(../images/homepage15.gif) no-repeat left top;
}

.box .bottom_right_image {
float: right;
width: 25px;
height: 29px;
background: url(../images/homepage17.gif) no-repeat left top;
}

/* main_menu_link_list */

#main_menu_link_list {
}

main_menu_link_list .content {
border-bottom: none;
}

/* menu_box_default */

#menu_box_default .content {
}

#menu_box_default p {
margin-bottom: 7px;
}

/* BOX3 */

#box3 {
}

#box3 .content {
}

/* BOX4 */

#box4 {
}

#box4 .content {
border-bottom: none;
}

/* BOX5 */

#box5 {
}

#box5 .content {
border-bottom: none;
}

/* BOX6 */

#box6 {
}

#box6 .content {
padding-bottom: 5px;
}

/* page_headline_box */

#page_headline_box {
height: 62px;
}

#page_headline_box .section_title_text {
float: left;
height: 32px;
padding: 30px 0px 0px 22px;
background: url(../images/homepage35.gif) no-repeat left top;
}

#page_headline_box .text5 {
float: right;
height: 24px;
padding: 38px 22px 0px 0px;
background: url(../images/homepage37.gif) no-repeat right top;
}

/* BOX8 */

#main_content_box {
clear: both;
height: 160px;
min-height: 160px;
margin: 0px 12px 0px 13px;
padding: 18px 14px 35px 9px;
}

html>body #main_content_box {
height: auto;
}

/* BOX9 */

#image_box {
position: relative;
margin: 0px 12px 0px 13px;
clear: both;
}

#image_box .sub_title_text {
padding: 0px 0px 0px 9px;
}

#image_box .content {
margin: 0px 0px 0px 0px;
padding: 18px 9px;
}

#image_box_entry {
float: left;
width: 139px;
padding: 0px 9px 0px 10px;
}

/* BOX10 */

#grey_box {
margin: 0px 12px 0px 13px;
}

#grey_box .sub_title_text {
padding: 0px 0px 0px 9px;
}

#grey_box .content {
margin: 0px 0px 0px 0px;
padding: 18px 9px;
}

#grey_box .bg20 {
margin: 0px;
padding: 10px;
border: 1px solid #F0F0EF;
}

#grey_box #full {
float: left;
width: 97%;
}

/*SPAN TAG CLASSES*/
span.small_text
{
    font-size: 0.9em;
}

span.top_menu_text
{
    font-size: 1.4em;
    font-weight: bolder;
    color: black;
}

span.left
{
    float: left;
}

span.right
{
    float: right;
}

span.require
{
font-weight: bolder;
color: red;
font-size: 16px;
}

/*FORMS*/

#login_form
{

}

#user_name
{
    float: left;
    width: 165px;
}

#password
{
    float: left;
    width: 115px;
    margin: 0px 8px 0px 0px;
}

p.indent
{
padding-left: 15px;
}

#news_post
{
clear: both;
padding-bottom: 35px;
}

/* menu ids */
#links
{
display: block;
}[/code]
the site is:
[url=http://www.kaizendigital.com]http://www.kaizendigital.com[/url]
the site looks fine in FireFox but it is completely messed up in IE7, can anyone see why?

[fert]

[quote]
but it is completely messed up in IE7, can anyone see why?
[/quote]
It's messed up because IE doesn't follow CSS standards

[Liquid Fire]

yea bt what can i do tp fix it, usually most thing have an IE fix hack?

[dbrimlow]

I haven't looked at any of my sites in IE 7 yet ... because I'm scared to death at what it is doing to them.

But here is a link to the original auther of the "holly Hack". These people know how to deal with all versions of IE (including 7) http://www.positioniseverything.net/

[AXiSS]

[quote author=dbrimlow link=topic=124350.msg515589#msg515589 date=1170013682]
I haven't looked at any of my sites in IE 7 yet ... because I'm scared to death at what it is doing to them.

But here is a link to the original auther of the "holly Hack". These people know how to deal with all versions of IE (including 7) http://www.positioniseverything.net/

[/quote]

IE7 actually handles bad CSS code better than firefox and ie6. My CSS was invalid and displayed perfectly fine in IE7 and looked terrible in firefox and ie6. (Now valid it still is messed up in firefox)

[Liquid Fire]

[quote author=AXiSS link=topic=124350.msg516548#msg516548 date=1170112448]
[quote author=dbrimlow link=topic=124350.msg515589#msg515589 date=1170013682]
I haven't looked at any of my sites in IE 7 yet ... because I'm scared to death at what it is doing to them.

But here is a link to the original auther of the "holly Hack". These people know how to deal with all versions of IE (including 7) http://www.positioniseverything.net/

[/quote]

IE7 actually handles bad CSS code better than firefox and ie6. My CSS was invalid and displayed perfectly fine in IE7 and looked terrible in firefox and ie6. (Now valid it still is messed up in firefox)
[/quote]

maybe instead of making poeple code bad css, microsft should follow the css standard a bit better.  I have not used IE in many year becuase of that fact.  Microsoft is always pushing poeple to only use there stuff or go through hoops of fire to get shit to work on there products and other product at the same time but ofcourse this is something that other poeple or going to need access to and most other poeple just use IE because they know no better.

[dbrimlow]

[quote]My CSS was invalid and displayed perfectly fine in IE7 and looked terrible in firefox and ie6. [/quote]

Axiss ... BAD css and outright BAD markup code will work in almost any version of IE. Of course, it works only in IE.

The whole POINT of usings web standards is so properly coded, valid css and html/xhtml markup  works in all browsers.

IE will not work with well crafted css and proper markup ... because they want the world to only use IE. Period.

[quote](Now valid it still is messed up in firefox)[/quote]

If your css and markup is truely valid, it is working fine in FF ... don't blame the browser ... blame how you told the valid code display the layout. (I'm not trying to be insulting, believe me, getting valid css and code to do what you want requires a lot of rules. If something isn't working ... 9 out of 10 times you've broken a rule.)

Anyone can write perfectly valid code that looks perfectly awful ... the trick is writing the valid code to display EXACTLY what you want.

I clicked on the website you show in your profile. If that is the site you are talking about ... it will never be valid ... you are not using any DOCTYPE. This page is 100% designed for IE only. Although, it is well crafted enough to hold up pretty well in FF.