I'm having a problem with my design falling a part.

can you see anything wrong?

#container {
	width:860px;
	margin:0 auto;
}
#header {
	left:0px;
	top:0px;
	width:860px;
	height:145px;
	z-index:1;
	background-image: url(s/header.jpg);
	float: left;
	min-height: 145px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#header-n-l {
	left:0px;
	top:145px;
	width:593px;
	height:57px;
	z-index:2;
	background-image: url(s/h-nav-l.jpg);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
	min-height: 57px;
}
#header-n-r {
	left:593px;
	top:145px;
	width:267px;
	height:57px;
	z-index:3;
	background-image: url(s/h-nav-r.jpg);
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	min-height: 57px;
}
#main-img {
	left:0px;
	top:202px;
	width:141px;
	height:163px;
	z-index:4;
	background-image: url(s/main-l.jpg);
	background-repeat: no-repeat;
	min-height: 163px;
	float: left;
	overflow: hidden;
}
#main-top {
	left:141px;
	top:202px;
	width:719px;
	height:107px;
	z-index:5;
	background-image: url(s/main-r-t.jpg);
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
	min-height: 107px;
}
#main-btm {
	left:141px;
	top:309px;
	width:719px;
	height:56px;
	z-index:6;
	background-image: url(s/main-t-b.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 56px;
	overflow: hidden;
	background-position: top;
}
#menu {
	left:0px;
	top:416px;
	width:238px;
	height:122px;
	z-index:10;
	background-image: url(s/menu.jpg);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
	min-height: 162px;
	background-position: top;
	padding: 20px;
}
#sec-n-l {
	left:0px;
	top:365px;
	width:211px;
	height:51px;
	z-index:7;
	background-image: url(s/second-n-l.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 51px;
	overflow: hidden;
}
#download {
	left:0px;
	top:578px;
	width:238px;
	height:125px;
	z-index:12;
	background-image: url(s/download.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 165px;
	overflow: hidden;
	background-position: top;
	padding: 20px;
}
#content-top {
	left:299px;
	top:416px;
	width:533px;
	height:224px;
	z-index:11;
	background-image: url(s/content-t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: right;
	min-height: 244px;
	overflow: hidden;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
#follow {
	left:0px;
	top:743px;
	width:238px;
	height:121px;
	z-index:13;
	background-image: url(s/follow.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 161px;
	overflow: hidden;
	background-position: top;
	padding: 20px;
}
#content-btm {
	left:299px;
	top:660px;
	width:548px;
	height:233px;
	z-index:14;
	background-image: url(s/content-b.jpg);
	background-repeat: no-repeat;
	float: right;
	min-height: 253px;
	overflow: hidden;
	background-position: top;
	padding-top: 20px;
	padding-left: 15px;
}
#footer-top {
	left:0px;
	top:913px;
	width:860px;
	height:30px;
	z-index:15;
	background-image: url(s/footer-top.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 44px;
	overflow: hidden;
	background-position: top;
	padding-top: 14px;
}
#footer-btm {
	left:0px;
	top:957px;
	width:860px;
	height:30px;
	z-index:16;
	background-image: url(s/footer-b.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 43px;
	background-position: top;
	padding-top: 13px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #f6f6f6;
	padding:0;
	bottom:0;
}
#sec-n-m {
	left:211px;
	top:365px;
	width:427px;
	height:51px;
	z-index:8;
	background-image: url(s/second-n-m.jpg);
	background-repeat: no-repeat;
	float: left;
	min-height: 51px;
	overflow: hidden;
}
#sec-n-r {
	left:638px;
	top:365px;
	width:222px;
	height:36px;
	z-index:9;
	background-image: url(s/second-n-r.jpg);
	background-repeat: no-repeat;
	float: right;
	min-height: 51px;
	overflow: hidden;
	padding-top: 17px;
}
a {
	font-size: 12px;
	color: #0066CC;
}
a:link {
	text-decoration: none;
	color: #0077A4;
}
a:visited {
	text-decoration: none;
	color: #0077A4;
}
a:hover {
	text-decoration: underline;
	color: #0099FF;
}
a:active {
	text-decoration: none;
	color: #0077A4;
}
#ajaxSearch_form fieldset{
    border: 0;
}
.clearer { clear:both; }

Ok, you're wasting your time with all the z-indexing - it ONLY works on elements that are POSITIONED - it has NO effect on anything else.

IE6 and below does not support min/max width or height.

The top, bottom, left, and right properties will push things around based on an element's parent - so unless you've got your parent-child relationships worked out, using these properties on floated elements isn't your best choice. Use margins and padding to 'push' floated elements around where you want them.

Why do you have overflow:hidden on everything ??

You should post a link.
How is it breaking and in what browsers?

For starters some things to check.
Have you cleared you floats? (see stick in this CSS discussion area)
min-height, not supported by IE6 (you have several id's with height specified then in the same id specify a larger min-height)

Reason for layering everything? (z-index)

here is the page please help irlmusic.net/index.php

Are you using any class??
Remember classes are contained in CSS using periods, like

.classname

I say it because I see only ids (#)

and 'Download's' should be 'Downloads'

Originally Posted by davemies

and 'Download's' should be 'Downloads'

whats that got to do with css?

Your site looks bare, almost nothing on it, like my site right now.
*SORRY FOR BEING OFF TOPIC*

Originally Posted by audiomad

whats that got to do with css?

oh sorry - thought you might like to know. It has, of course, nothing to do with css so please just feel free to leave it as it is

Originally Posted by kcmartz

Your site looks bare, almost nothing on it, like my site right now.
*SORRY FOR BEING OFF TOPIC*

of course its bare im still working on it!

update : fixed most of it but in IE its off have a look irlmusic.net/index.php any idea's how to fix it?

Help please

If you remove the float:right on #content-top, it pulls that section back over and stops pulling the container out of whack.

only problem is everything else falls apart when i do that any idea's?

Given the mass of <div>s in there, it'll take some time to figure that out. I did notice that you're re-using ID's, which is incorrect. If you want to re-use style rules, make it a class. The one that popped out at me was the #inner ID.

I still hav'nt been able to fix it. I cant figure it out.

Unfortunately, my pc at home crashed and burned yesterday, so I won't be able to look at it at all - my evenings this week will be spent trying to get the thing working again!