Okay, 2 problems.

  1. In IE, my taskbar dropdowns won't completely drop down because they are being blocked by the content below the taskbar.
  2. I used the Holy Grail layout for my site (3-column). In IE, the left column won't connect to the rest of the content. It always gets stuck hovering all the way to the right or the left of the screen. The crazy thing is that it changes sides depending on when I open the file. Sometimes it's on the right and sometimes it's on the left.


Here is the site, and here is the css...

Code:
body, html{
	margin : 0 auto;
	padding : 0;
	background : url("../pics/background_main.jpg") repeat-x #000;
	color : #000;
}

body{
	min-width : 800px;
}


.clearfix:after{
	content : "."; 
	display : block; 
	height : 0; 
	clear : both; 
	visibility : hidden;
}

.clearfix{
	display : inline;
}

/* mac hide \*/
* html .clearfix{
	height : 1%;
}

.clearfix{
	display : block;
}
/* End hide */

/*-----------------------------*/
/*---------- LAYOUT ----------*/
/*-----------------------------*/

#container{
	width : 800px;
	margin : 0 auto;
	padding : 0;
}

#toptaskbar{
	width : 800px;
	margin : 0;
	font-family : Arial, Verdana;
	font-size : 12px;
	font-weight : bold;
	color : #000;
	text-align : center;
}

#toptaskbar a{
	font-family : Arial, Verdana;
	font-size : 12px;
	font-weight : bold;
	color : #000;
}

#toptaskbar ul{
	list-style : none;
	margin : 5px 0;
}

#toptaskbar ul li{
	display : inline;
}

#toptaskbar ul li form{
	display : inline;
}

#toptaskbar a:hover{
	font-family : Arial, Verdana;
	font-size : 12px;
	font-weight : bold;
	color : #FF0000;
}

#header{
	width : 798px;
	margin : 0;
	padding : 0;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
	background : #000;
}

#navigation{
	clear : both;
	width : 800px;
	text-align : center;
	background : #000;
	z-index : 500;
	padding-top : 3px;
}

#hirschfeld{
	width : 798px;
	margin : 0;
	padding : 0;
	background : #FFF;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
}

#containercontent{
	overflow : hidden;
	padding-left : 175px;
	padding-right : 185px;
}

#containercontent .column{
	position : relative;
	float : left;
	padding-bottom : 20010px;
	margin-bottom : -20000px;
}

#center{
	padding : 0 5px;
	width : 100%;
	background : #FFF;
}

#left{
	width : 164px;
	padding : 0 5px;
	right : 185px;
	margin-left : -100%;
	background : #FFF;
	border-left : 1px solid #000;
}

#leftbox{
	width : 152px;
	padding : 5px;
	background : #FF0000;
}

#right{
	width : 164px;
	padding : 0 5px;
	margin-right : -185px;
	background : #FFF;
	border-right : 1px solid #000;
}

#rightbox{
	width : 152px;
	padding : 5px;
	background : #FEAC25;
}

#footer{
	position : relative;
	clear : both;
	font-family : Arial, Verdana;
	font-size : 11px;
	font-weight : bold;
	color : #FFF;
	text-align : center;
}

#footer a{
	font-family : Arial, Verdana;
	font-size : 11px;
	font-weight : bold;
	color : #FFF;
}

#footer a:hover{
	font-family : Arial, Verdana;
	font-size : 11px;
	font-weight : bold;
	color : #FF0000;
}

/*** IE6 Fix ***/
* html #left{
	left : 175px;
}

*html body{
	overflow : hidden;
}

*html #footerwrapper{
	clear : both;
	float : left;
	position : relative;
	width : 100%;
	padding-bottom : 10010px;
	margin-bottom : -10000px;
	background : #000;
}

/*---------------------------------------*/
/*---------- NAVIGATION MENU ----------*/
/*---------------------------------------*/

#navigation #nav, #navigation #nav ul{ 
	padding : 0; 
	margin : 0; 
	list-style : none; 
	width : 800px;
	background : #000000;
	text-align : center;
}

#navigation #nav a{ 
	display : block; 
	width : 10em; 
} 

#navigation #nav li{
	position : relative;
	float : left; 
	width : 131px;
	color : #FFFFFF;
	font-family : Arial, Verdana;
	font-weight : bold;
	font-size : 13px;
	background : #000000;
	border : 1px solid #000000;
}

#navigation #nav li.nolink{ 
	float : left; 
	width : 133px;
	color : #FFFFFF;
	font-family : Arial, Verdana;
	font-weight : bold;
	font-size : 13px;
	border : 1px solid #000000;
	background : #000000;
	height : 33px;
}

#navigation #nav li ul{ 
	position : absolute; 
	width : 10em; 
	left : -999em; 
	background : #000000;
	text-align : left;
	padding-left : 3px;
	color : #FFFFFF;
	font-family : Arial, Verdana;
	font-weight : bold;
	font-size : 13px;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
} 

#navigation #nav li:hover ul, #navigation #nav li.sfhover ul{ 
	left : 0px; 
	top : 26px;
}

#navigation #nav li ul li{
	font-family : Arial, Verdana;
	font-size : 13px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
	padding-bottom : 5px;
}

#navigation #nav li ul li a{
	font-family : Arial, Verdana;
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
	padding-bottom : 2px;
}

#navigation #nav li ul li a:hover{
	font-family : Arial, Verdana;
	font-size : 11px;
	font-weight : bold;
	color : #EE0000;
	text-decoration : none;
	padding-bottom : 2px;
}
Any help is greatly appreciated!