http://realty.mysamplesite.info

The right sidebar (#sidebar2) is dropping down in IE. Everything is showing correctly in FF (as usual). I can't figure out why it is doing this. I have sifted the CSS file and I don't see any left/right padding.

Can anyone please take a look for me and tell me what you see?

CSS:

/*  CSS Document  */
/***************************************************************
Colors:
    #ececec - bankground for search box & bottom-content h3
	#dad9d9 - border for search box

	#c7c7c7 - background grey for H3 tags
	#5b5b5b - Dark grey headings
    #025371 - Blue headings & links
	#d00000 - Red headings, links & bold text

	#d6d7da - Light grey lines
	#b0b0b0 - Dark grey lines & text
	#d51b1b - Red lines

	#b3b3b3 - Regular text
	#b00000 - Red text
	#0066cc - Blue text
***************************************************************/

* {
   padding: 0;
   margin: 0;
}

h1, h2, h3, h4, h5, h6, .headingbox, p, blockquote, ul, ol, dl, .componentheading {
   margin-bottom: .8em;
}

body {
   behavior: url(css/csshover2.htc);
   font-size: 86%;
   font-family: Calibri, "Franklin Gothic Medium", Tahoma, "Trebuchet MS", "Arial Narrow", "Franklin Gotic Book";
}

h1, .componentheading { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6, .componentheading {
   color: #5b5b5b;
   text-decoration: none;
   text-transform: uppercase;
}

h1, .componentheading {
   color: #0066cc;		/* blue */
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .componentheading span { color: black; }

.subheading {
   display: block;
   font-size: .85em;
   margin-top: -.5em;
   color: #b3b3b3;		/* regular grey for text */
   text-transform: none;
}

.moduletable h3, .moduletable-search h3 { 
   font-family: Calibri, "Franklin Gothic Medium", Tahoma, "Trebuchet MS", "Arial Narrow", "Franklin Gotic Book";
   font-size: 1.2em;
   width: 96%;
   margin: 0 auto;
   border: 1px solid white;
}

.headingbox {
   width: 100%;
   padding: 3px 0;
   background: #c7c7c7;		/* dark grey */
}

#content-bottom .headingbox {
   border-top: 1px dotted #d6d7da;   /* light grey */
   border-bottom: 1px dotted #d6d7da;   /* light grey */
   background: none;
}

#content-bottom h3 {
   color: #d51b1b;
   background: d6d7da;   /* light grey */
   margin: 0;
}

.moduletable h3 span, .moduletable-search h3 span { margin-left: .2em; }

a {
   color: #0066cc;
   text-decoration: underline;
}

/*************************************************/
/*****  LAYOUT   *********************************/
/*************************************************/

#container {
   width: 980px;
   margin: 20px auto;
   background: white;
   border-top: 6px solid #b0b0b0;  /* dark grey */
   color: #b3b3b3;  /* regular text grey */
}

#header {
   position: relative;
   width: 100%;
   height: 100px;
   border-top: 3px solid #d51b1b;  /* red */
   border-bottom: 5px solid #d51b1b;  /* red */
   margin-top: 1px;
   padding-bottom: 1px;
}

#header-inner {
   position: absolute;
   width: 100%;
   margin-bottom: 1px;
   border-bottom: 1px dotted #d6d7da;   /* light grey */
}

#logo {
   margin: 15px 0 15px 10px;
   width: 200px;
   height: 70px;
}

#mainbody {
   width: 100%;
   border-top: 3px solid #b0b0b0;  /* dark grey */
   margin-top: 1px;
   background: white;
}

#footer {
   border-top: 4px solid #d51b1b;  /* red */
   padding-top: .8em;
}

#footer p { float: right; }
#footer * { margin: 0; }

/****************************************************************/
/*************    TOP MENU    ***********************************/
/****************************************************************/
ul#mainlevel-topmenu {
   position: absolute;
   margin: 0;
   top: 35px;
   right: 10px;
   list-style: none inside none;
}

ul#mainlevel-topmenu li {
   display: inline;
   line-height: 1.6em;
   font-size: 1em;
   border-right: 1px dotted #d6d7da;	/* light grey */
}

ul#mainlevel-topmenu li.first {}
ul#mainlevel-topmenu li { border-right: none; }

ul#mainlevel-topmenu li a {
   display: inline;
   width: 100%;
   padding: 0 10px;
   text-decoration: none;
   vertical-align: middle;
}

ul#mainlevel-topmenu li a:hover { text-decoration: underline;}

ul#mainlevel-topmenu li a img {
   display: inline;
   margin-right: 5px;
   vertical-align: middle;
   border: none;
}

/****************************************************************/
/*************    NAV MENU    ***********************************/
/****************************************************************/
.moduletable-navmenu {
   border-top: 2px solid #d6d7da;  /* light grey */
   border-bottom: 2px solid #d51b1b;  /* red */
   margin-bottom: .8em;
}

ul#mainlevel-navmenu {
   width: 100%;
   margin: 0;
   padding: 0;
   background: white;
   list-style: none inside none;
}

ul#mainlevel-navmenu li {
   float: left;
   margin: 0;
   padding: 0;
   width: 19.9%;
   line-height: 1.6em;
   font-size: 1.2em;
}

ul#mainlevel-navmenu li a {
   display: block;
   width: 100%;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
   color: black;
   background: url(../images/icon-folder.gif) no-repeat 10px 6px;
}

ul#mainlevel-navmenu li:hover a {
   background: url(../images/icon-folder.gif) no-repeat 10px -24px;
}

ul#mainlevel-navmenu li a span {
   margin-left: 30px;
}

/* drop down menu */
ul#mainlevel-navmenu ul {
   display: none;
   position: absolute;
   width: 200px;
   background: white;
}

ul#mainlevel-navmenu li:hover ul {
   display: block;
}

ul#mainlevel-navmenu ul li {
   display: block;
   width: 100%;
   line-height: 1.3em;
   font-size: 1em;
   border-left: 2px solid #d51b1b;  /* red */
   border-right: 2px solid #d51b1b;  /* red */
}

ul#mainlevel-navmenu li li.last {
   border-bottom: 2px solid #d51b1b;  /* red */
}

ul#mainlevel-navmenu li:hover li a { background-image: none; }

ul#mainlevel-navmenu li li:hover a {
   background: #d6d7da;  /* light grey */
}

ul#mainlevel-navmenu ul li a span {
   margin-left: 10px;
}

/****************************************************************/
/*************  FOOTER MENU   ***********************************/
/****************************************************************/
ul#mainlevel-footer {
   float: left;
   margin: 0;
   padding: 0;
   background: white;
   list-style: none inside none;
}

ul#mainlevel-footer li {
   display: inline;
   margin: 0;
   padding: 0;
   line-height: 1.6em;
   font-size: 1em;
   border-right: 1px solid #d6d7da;  /* light grey */
}

ul#mainlevel-footer li.last { border: none; }

ul#mainlevel-footer li a {
   display: inline;
   width: 100%;
   padding: 0 10px;
   text-decoration: none;
   color: #d6d7da;   /* light grey */
}

ul#mainlevel-footer li a:hover { text-decoration: underline; }

/****************************************************************/
/*************    CONTENT AREA   ********************************/
/****************************************************************/
#contentarea {
   width: 80%;
   float: right;
}

#slideshow {
   width: 100%;
   height: 250px;
   background: blue;
}

#content {
   width: 75%;
   float: left;
   background: lightblue;
}

#content h1 {
   border-bottom: 3px solid #d6d7da;   /* light grey */
   padding-bottom: .8em;
}

#content .content-margin {
   width: 94%;
   margin: 0 auto;
   background: yellow;
}

#content img {
   margin-right: 1em;
   border: 2px solid #d6d7da;  /* light grey */
}

#content ul{
   position: relative;
   left: 1.5em;
   width: 90%;
   margin: 0 .5em .8em 2.5em;
   color: #5b5b5b;  /* darker grey */
   list-style: none outside url(../images/bullet-content.gif);
}

#content ul li { 
	margin-bottom: .5em;
	color: #5b5b5b;	/* darker grey */
}

#content ul a {
   text-decoration: underline;
   color: #5b5b5b;    /* darker grey */
}

#content-bottom {
   width: 100%;
   height: 150px;
}
/****************************************************************/
/**************    SIDEBARS     *********************************/
/****************************************************************/
#sidebar1 {
   width: 20%;
   float: left;
}

#sidebar2 {
   width: 25%;
   float: right;
}

#sidebar2 .moduletable {
   border-width: 0 1px 1px 1px;
   border-style: none dotted dotted dotted;
   border-color: #c7c7c7;   /* dark grey */
}

#sidebar2 .moduletable p {
   width: 90%;
   margin: 0 auto .8em auto;
}

#sidebar2 .moduletable p span { color: #b00000; }  /* red text */

#sidebar2 .moduletable ul{
   width: 80%;
   margin: 0 .5em 0 3em;
   color: #5b5b5b;  /* darker grey */
   list-style: none outside url(../images/bullet-content.gif);
}

#sidebar2 .moduletable ul li { 
	margin-bottom: .5em;
	color: #5b5b5b;	/* darker grey */
}

#sidebar2 .moduletable ul a {
   text-decoration: underline;
   color: #5b5b5b;    /* darker grey */
}

/****************************************************************/
/**************     CLASSES     *********************************/
/****************************************************************/
.clrboth { clear: both; }
.clrright { clear: right; }
.clrleft { clear: left; }
.date { color:  #0066cc; }  /* blue */

I did not take the time to read through all that.

Your declared widths for IE must be a smaller number than for FF to have the page render the same. So you have to define a width for IE and another for moz.

Did you take a look at the page though? There is a weird padding on the right hand side of #content and the right hand side of #sidebar2. I can't find it anywhere.

Normally the width difference, I can get away with .5% or something. However in this case it is much larger than that.

Thanks for your help... I was able to figure it out and the problem was being cause by the width that I defined for the UL tags within the paragraph. I had them too wide.

The line "am eget nunc. Donec neque dui, ultrices nec, commodo a, auctor sit" is breaking well into the right div.

What is with the header and the left and right cols? Is that what you want? It looks the same in IE& and FF.

No that is not what I want. Thank you for pointing that out. I noticed that after I fixed the other and have fixed that as well. I just haven't uploaded the newest files.

Thanks again though!