[SOLVED] div not the right width in IE6

[dumdumsareyum]

So far this seems to be working in ie7 and FF but ie 6 the main div is too big on the home page (if you visit the links page, or the calendar page, it works ok, but the main page incorporates another style sheet and I can't figure out why it's messing it up    )  I can make the div wider and the content stretches but it won't shrink down past a certain point. So confused.  The site is www.texaslost.com  Here are the style sheets associated:

 

Main site layout :

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
	margin: 0px;
padding: 0px;
}

html {
font-size: 100%;
}

Based on style:	subSilver (the default phpBB 2 style)
Original author:	subBlue ( http://www.subBlue.com/ )
Modified by:		psoTFX and the phpBB team ( http://www.phpbb.com )

This is an alternative style for phpBB3 for those wishing to stay with
the familiar subSilver style of phpBB version 2.x

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
     --------------------------------------------------------------
*/

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
	margin: 0px;
padding: 0px;
}

html {
font-size: 100%;
}

body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-color: #FFFFFF;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
        position: absolute;
        min-height: 100%;
        height: auto !important;
height: 100%;
background-color: #073a1b;
background-image: url('forum/styles/subsilver2/theme/images/headerRight-background.jpg'); 
background-repeat: repeat-x; 
       
}


h1, h2, h3 {
font-family:   arial, sans-serif;
font-style: italic;
}

 

additional style sheet for homepage (listed first)

/*
Theme Name: WordPress Classic
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. 
*/





a {
color: #675;

}

a img {
border: none;
}

a:visited {
color: #342;
}

a:hover {
color: #9a8;
}

acronym, abbr {
border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}

acronym, abbr {
cursor: help;
}

blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}


cite {
font-size: 90%;
font-style: normal;
}

h2 {
border-bottom: 1px dotted #ccc;
font: 95%;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding-bottom: 2px;
padding-top: 10px;
}

h3 {
border-bottom: 1px dotted #eee;
margin-top: 0;
}

ol#comments li p {
font-size: 100%;
}

p, li, .feedback {
font: 120% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
letter-spacing: -1px;
}

/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}

ul.post-meta span.post-meta-key {
font-weight: bold;
}

.credit {
background: #073a1b;
border-top: 3px double #aba;
color: #fff;
font-size: 11px;
margin: 10px 225px 0 0;
padding: 2px;
text-align: center;
width: 775px;
}

.credit a:link, .credit a:hover {
color: #fff;
}

.feedback {
color: #ccc;
text-align: right;
clear: both;
}

.meta {
font-size: .75em;
}

.meta li, ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}

.storytitle {
margin: 0;
}

.storytitle a {
text-decoration: none;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 100%;
}

#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}

#commentlist li .avatar {
float: right;
margin-right: 25px;
border: 1px dotted #ccc;
padding: 2px;
}




#header {
background: #90a090;
border-bottom: 3px double #aba;
border-left: 1px solid #9a9;
border-right: 1px solid #565;
border-top: 1px solid #9a9;
font: italic normal 230%;
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
}

#header a {
color: #fff;
text-decoration: none;
}

#header a:hover {
text-decoration: underline;
}

#menu {
background: #fff;
border-left: 1px dotted #ccc;
border-top: none;
padding: 20px 0 10px 30px;
position: absolute;
right:30px;
top: 0px;
width: 150px;
z-index: 0;
}

#menu form {
margin: 0 0 0 13px;
}

#menu input#s {
width: 80%;
background: #eee;
border: 1px solid #999;
color: #000;
}

#menu ul {
color: #073a1b;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}

#menu ul li {
font: italic normal 110%;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

#menu ul ul li {
border: 0;
font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}

#menu ul ul li a {
color: #000;
text-decoration: none;
}

#menu ul ul li a:hover {
border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}

#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}

#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}

#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}


.storycontent a {
text-decoration: underline;
}

 

a pre-thankyou for any help 

[ToonMariner]

http://css-discuss.incutio.com/?page=BoxModelHack

 

the reason this is happening is because you have not used a doc type declaration that pushes ie6 into standards 'compliant' mode...

[dumdumsareyum]

I changed to  a strict doctype but didn't see any changes, is this not what u meant?

[dumdumsareyum]

sweet! I found it.....the "credit" class with the wordpress credit in it still had a right margin of 225, which didn't matter for FF or IE7 but was increasing the width of the div for IE6 like the article was talking about.....I bet I would've found it sooner if I wasn't so sure that the sidebar was the cause of my trouble!--till I took that out and it was still broken. Thanks!