Help with IE needed :(

My website http://www.amitash.com/ looks good in all browsers but the header part just disappears in IE. I am trying since hours to find the reason to this problem. I need help to find out the reason. Can anybody??

 

try to add float: left, width & height properties to #header, .container & ul#page-menu

 

You must create another css for ie 6 or 7
And put this code in your index

<!--[if IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

HTML:

The errors for ie7 are the margins , you must put -+ (-20px or 20px )
If you don't understand take a look at this tutorial : http://tutorials.iulzi.com/create-a-search-template-in-html-part-2-search-page/

 

I tried both of these but in vain. Here is my IE7 CSS file. What more changes should I make.

span.sf-sub-indicator {padding-left: 2px;}
#header { height: 254px;}
ul#cats-menu > li:hover > a {padding-top: 12px;}
a.readmore span { cursor: pointer; }
.new-post div.date div.rightside span, .mainpost-wrap div.date div.rightside span { display: inline-block; }
.new-post h2 { padding: 7px 0 7px; }
div#s1 div a { cursor: pointer; }
#featured-area div#slider-control div.featitem { padding:10px 16px 13px 18px; }
#sidebar h3.sidebar-title { zoom:1; display: inline; _height: 30px; }
#sidebar div.custom-sidebar-block div.content {	zoom: 1; clear: both; }
div#comment-section{ width: 640px; }
div#comment-section div#respond { padding-top: 20px; }
#main #comment-section ol.commentlist { margin-bottom: -5px; }

HTML:

and this is my IE6 CSS file

span.sf-sub-indicator { padding-left: 2px; }
ul#page-menu li.current_page_item { background:transparent url(images/page-active-bg.png) repeat-x scroll left top !important; display: block; height:19px !important; padding-bottom: 10px !important; }
ul#page-menu li li.current_page_item { background:none !important; }
div#container-top { margin-bottom: -12px; }
#featured-area div#slider-control { border-bottom: 0px; }
a.readmore span { cursor: pointer; }
.new-post div.date, .mainpost-wrap div.date { display: inline; }
.new-post div.date div.main { width: 20%; }
.mainpost-wrap div.date div.main { width: 35%; }
.new-post div.date div.rightside span, .mainpost-wrap div.date div.rightside span { margin-left: 0px; }
.new-post h2 { padding: 7px 0 7px; }
.new-post h2 a, .mainpost-wrap h2 a { color:#000000 !important; }
div#s1 div a { cursor: pointer; }
#sidebar h3.sidebar-title { zoom:1; display: inline; _height: 23px; }

#sidebar div.custom-sidebar-block div.content {	zoom: 1; clear: both; }
#main-area-wrap #sidebar div.custom-sidebar-block h4 { margin-top: -20px; }
.new-post h2 a:hover, .mainpost-wrap h2 a:hover { color:#383838 !important; }

.mainpost-wrap div.inner-content { width: 260px !important; }
.mainpost-wrap div.date div.rightside span { font-size:11px; }
.mainpost-wrap p.info { font-size:11px; }

#comment-section div#respond { margin-top:-60px; }
div#respond  h3 { color:#303030 !important; }
.reply-container { bottom: 20px !important; }
.children .reply-container { position: absolute; } 
.children .comment-bottom-left, .children .comment-bottom-right { bottom: -7px; }
#main .commentlist .children li { zoom: 1; height: 1%; }

div#wrapper div.post { width:500px !important; }
#comment-section { clear:none !important; }
a.reply { color: #feffff !important; position: relative; }
.reply-container { background: none; }
div#comment-section div#respond { padding-top:30px; }

HTML: