All over the site im making im having problems in IE!

Theres loads of occasions where there is more of a gap than I want, and those where there is no gap, despite me setting the margins/padding!

Does anyone know what might be causing it? Im aware of the double margin float bug in IE, but a lot of the times im talking about are on the top or bottom of an element [the bug wouldnt affect that right?].

Is there some sort of trick to fixing these sort of problems or is it normally a different reason for each? Ive messed around with margins and padding on so many different elements that i thought might be affecting them and it doesnt fix it!

Can you show me the URL, HTML code, and CSS stylesheet?

Yah.. we definitely need to see the code to debug this sort of thing. In the meantime, you might want to read about IE's numerous bugs:
http://www.positioniseverything.net/explorer.html

ah thanks ill have a read of that.

the site is www.inspindesign.co.uk

here is the CSS:

body {
font:11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-image:url(../Images/bg_square2.gif);
text-align:center;
margin:0;
}

h1 {
font-size:130%;
font-weight:900;
border-bottom:1px solid #9F0000;
border-left:1px solid #9F0000;
padding-left:3px;
padding-bottom:3px;
}

h2 {
font-size:115%;
}

img {
border:0;
}

.hl {
color:#D60000;
font-weight:bold;
font-size:110%;
}

div.new {
clear:left;
padding-top:10px;
margin-top:0;
}

.notice {
display:block;
text-decoration:none;
background:#323232 url(../Images/deco_news.gif) no-repeat 0 0;
font-size:105%;
font-weight:bold;
padding:2px 0 2px 15px;
margin-top:10px
margin-bottom:5px;
}

.title {
font-size:14px;
font-weight:900;
}

#container {
text-align:left;
margin:0 auto;
width:720px;
background:#171717 url(../Images/banner.gif) no-repeat 50% 0%;
padding-top:120px;
border:solid #323232;
border-width:3px 4px 4px 3px;
margin-bottom:3px;
}

div#methods {
display:inline;
float:left;
width:450px;
}

div#methods p {
padding-top:0;
margin-top:0;
}

#quals {
width:100%;
background:url(../Images/architecture4.gif) no-repeat 100% 100%;
margin:0;
padding:0;
}

#quals p {
width:560px;
margin:0;
padding-bottom:5px;
}

#work_nav {
width:150px;
float:left;
margin:0;
padding:0;
}

#work_info {
width:550px;
display:inline;
float:left;
margin:0 0 5px 0;
padding:2px;
border:1px solid #323232;
}

#work_info .title {
padding:2px 0 4px 2px;
display:block;
}

#work_pic {
width:300px;
display:inline;
float:left;
margin-left:4px;
padding-bottom:4px;
}

#work_picdf {
width:500px;
height:282px;
float:right;
background:url(../Images/work_pic.jpg) no-repeat;
margin:0 0 5px 0;
padding:0;
}

#work_pic_nav {
width:100%;
text-align:right;
}

#work_pic_nav img {
margin-left:2px;
}

div.details, div.details2 {
width:230px;
border-left:1px solid #323232;
border-bottom:1px solid #323232;
float:right;
display:inline;
}

div.mdetails, div.mdetails2 {
width:230px;
border-left:1px solid #323232;
border-bottom:1px solid #323232;
border-right:1px solid #323232;
float:left;
clear:none;
margin:0 0 5px 20px;
}

div.details title, div.details ul.list, div.details title, div.details ul.list {
margin:0;
display:block;
padding:0 0 4px 0;
border-bottom:1px solid #323232;
}

div.details ul.list {
padding:3px;
}

div.details .title, div.details2 .title, div.mdetails .title, div.mdetails2 .title {
background-color:#323232;
border-bottom:1px solid #323232;
display:block;
padding:3px;
}

div.details2, div.mdetails2 {
clear:none;
margin-bottom:10px;
}

div.details p, div.details2 p, div.mdetails p, div.mdetails2 p{
display:block;
margin:1px 0 0 0;
padding:3px;
}

div.index {
width:400px;
float:left;
display:inline;
}

div.right1 {
text-align:right;
width:300px;
float:right;
display:inline;
margin:0 0 0 10px;
}

div.ralign {
text-align:right;
width:715px;
}

div.nav {
width:720px;
}

div.nav img {
border-top:3px solid #323232;
border-bottom:3px solid #323232;
}

#content {
width:715px;
margin:0 0 0 5px;;
padding:4px 0 0 0;
}

#deco_line {
display:inline;
width:100%;
float:left;
background:url(../Images/deco_line.gif) no-repeat 0 100%;
}

#footer {
width:720px;
text-align:center;
font-weight:bolder;
font-stretch:extra-condensed;
background-color:#323232;
padding:2px 0;
clear:left;
margin:0;
}

a {
color:#E7E7E7;
}

a:hover {
color:#9F0000;
}

a#admin {
text-decoration:none;
}

div.news {
width:400px;
height:137px;
overflow:auto;
border:solid #171717;
border-width:1px 0px 0px 1px;
display:inline;
float:left;
clear:left;
margin-bottom:10px;
margin-left:0;
}

div.news_h, div.news_m {
width:365px;
background-color:#323232;
padding-left:15px;
border-bottom-color: #171717;
border-bottom-style: solid;
}

div.news_h {
font-weight:900;
font-size:12px;
height:15px;
background:url(../Images/deco_news.gif) 0 0 no-repeat;
background-color:#323232;
border-width:1px;
padding-top:3px;
padding-bottom:2px;
}

div.news_m {
background-image:url(../Images/bg_square.gif);
border-width:2px;
padding-top:5px;
padding-bottom:4px;
}

div.info {
border:1px solid #323232;
width:400px;
margin:0 0 4px 0;
display:inline;
float:left;
}

#intro {
border:1px solid #323232;
float:left;
display:inline;
margin-right:10px;
width:290px;
}

#intro p {
text-align:left;
width:205px;
margin:2px 2px 2px 0;
padding:0;
float:right;
}

div.info .title {
background-color:#323232;
display:block;
padding-bottom:5px;
}

div.info img {
margin:4px 2px 2px 2px;
}

div.info p {
text-align:right;
display:block;
padding:0;
margin:0;
margin:3px;
}

ul#nav {
margin:1px 5px 0 0;
padding:0px;
list-style-type:none;
float:left;
}

div#intro ul#nav {
border-bottom:145px solid #323232;
}

ul#nav li {
display:inline;
}

ul#nav a {
display:block;
text-decoration:none;
background-color:#323232;
width:70px;
padding:5px 4px;
border-bottom:1px solid #171717;
font-weight:900;
font-stretch:condensed;
text-align:right;
}

ul#nav a:hover {
color:#FFF;
background-color:#9F0000;
}

ul#worknav {
margin:0;
padding:0;
list-style-type:none;
float:left;
}

ul#worknav a {
display:block;
width:100%;
text-decoration:none;
background-color:#323232;
padding:3px 4px;
border-bottom:1px solid #171717;
font-weight:900;
font-stretch:condensed;
}

#worknav li {
width: 130px;
}

ul#worknav a:hover {
color:#FFF;
background-color:#9F0000;
}

ul.list {
list-style-type:none;
margin:0;
padding:0;
}

ul.list li {
background:url(../Images/bg_li.gif) no-repeat 0 100%;
padding-left:14px;
margin:0;
}

table {
border-collapse:collapse;
border:1px solid;
border-color:#323232;
width:auto;
margin-bottom:5px;
padding:2px;
display:inline;
float:left;
}

table#contact {
float:right;
margin-left:5px;
margin-right:5px;
display:inline;
}

table th, table td {
padding:2px;
border:1px solid #171717;
}

table th {
text-align:left;
background-color:#323232;
width:auto;
}

table td {
background-image:url(../Images/bg_square.gif);
width:auto;
}

table tr {
vertical-align:top;
}

td.button {
text-align:right;
background-image:none;
}

p#contact {
width:380px;
float:left;
margin-top:0;
margin-bottom:0;
}

input, select, textarea {
background-color:#171717;
border:1px solid #323232;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
}

div#submit {
width:200px;
clear:right;
text-align:right;
margin-right:5px;
float:right;
display:inline;
margin-bottom:5px;
}

div#login {
float:left;
text-align:right;
}

form#login {
width:200px;
text-align:left;
margin-bottom:5px;
}

The site appears mostly how i intended in FF, but in IE6 theres loads of errors. such as a gap being to big, or non existent!

mostly in areas where div's snap against the bottom of the page, instead of having a gap there.

Could it be more or less the same problem causing each of them?