Hey everyone, my blog is: http://bloggermc.com In Firefox, the sidebar shows up just like it is supposed to. However, in Internet Explorer, the sidebar will appear all the way at the bottom of the page. Can someone please help me? Stylesheet: /**************** Body *********************/ *{margin:0;padding:0;} body{background-color:#999999;color:#333;font:11px Verdana;margin-bottom:20px; line-height:20px;} #wrapper{background-color:#ffffff; margin:20px auto;width:1024px; padding-bottom:3px;} #topbar {width:1024px;height:30px; margin:auto;} #topbarleft {float:left;} #topbarright {float:right;} #header {width:1024px; height:100px; background-image:url("http://i201.photobucket.com/albums/aa93/themanbeast9/Header-2.jpg"); text-align:center; } #header h1{padding-top:20px;} h2 {font-size:16px; font-weight:lighter;} #header h2{color:#CCCCCC; padding-top:15px; font-weight:lighter;} #header h1 a {font-size:40px; color:#000000; text-decoration:none; font-weight:lighter;} #header h1 a:hover {font-size:40px; color: #CCCCCC; text-decoration:none; font-weight:lighter;} #recent {width:1000px; height:160px; margin:auto; background-color:#B5C3D3;} #titles {padding-left:10px; padding-right:10px; padding-top:5px; height:25px;} #title1 {float:left;} #title2 {float:left; padding-left:252px;} #title3 {float:left; padding-left:220px;} #values {padding-left:10px; padding-right:10px; font-size:11px; } #value1 {float:left; background-color:#FFFFFF; width:300px; height:100px;padding:10px;} #value2 {float:left; background-color:#FFFFFF; width:300px; height:100px; padding:10px; margin-left:10px;} #value3 {float:left; background-color:#FFFFFF; width:300px; height:100px; padding:10px; margin-left:10px;} #main {padding:12px; margin:auto;} h2 a:link,h2 a:visited{ font-size:18px; color: #003366; text-decoration:none; font-weight: lighter;} h2 a:hover{color: #000000;} /**************** Entry *********************/ .entry{ float:left;width:590px; background-color:#fofofo; padding-bottom:10px; } .entry h2{padding-bottom:6px;} .entry p{padding:0 0 10px 0;} .post{padding:20px;text-align:justify; margin-bottom:10px;} html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before{ content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } /**************** Links *********************/ a:link, a:visited{color: #003366;text-decoration:none;} a:hover{color:#000000;text-decoration:underline;} /**************** Navigation *********************/ #navigation{height:30px;} #menu{padding:5px; } #menu li{display:inline;list-style:none;} .page_item a:link, .page_item a:visited{color: #3333333; padding:8px;} .page_item a:hover { text-decoration:none;} .current_page_item a:link, .current_page_item a:visited{color:#3333333;text-decoration:none;padding:8px;} .current_page_item a:hover { text-decoration:none;} /**************** Sidebars *********************/ #subscribe {padding:10px; height:20px; border-bottom:1px solid #ffffff;} #sidebar {width:390px; background-color:#F3F1D8;float:left; margin-left:10px; font-size:11px; padding:5px;} #sidebar1{ width:125px; float:left; padding-right:10px;} #sidebar1 h2{font-weight:normal;font-size:14px;} #sidebar1 ul{list-style-type:none;} #sidebar1 ul li{list-style-type:none;margin-left:10px;margin-top:20px;} #sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;} #sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0px;} #sidebar1 p{padding:0 5px;} #sidebar2{ width:125px; float:left;} #sidebar2 h2{font-weight:normal;font-size:14px;} #sidebar2 ul{list-style-type:none;} #sidebar2 ul li{list-style-type:none;margin-left:10px;margin-top:20px;} #sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;} #sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0px;} #sidebar2 p{padding:0 5px;} #sidebar3{ width:125px; float:left;} #sidebar3 h2{font-weight:normal; font-size:14px;} #sidebar3 ul{list-style-type:none;} #sidebar3 ul li{list-style-type:none;margin-left:10px;margin-top:20px;} #sidebar3 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;} #sidebar3 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0px;} #sidebar3 p{padding:0 5px;} #sidebar3 .page_item a {color:#003366; padding:0;} #sidebar3 .page_item a:hover {text-decoration:underline; color:#000000;} /**************** Search *********************/ #topsearch{ padding:5px;} #topsearch input[type="text"]{ border:1px solid #006699; width:15em; color: #333333;font:1em Verdana;padding:3px;} #topsearch input[type="submit"] { border:1px solid #006699;color: #333333;font:0.8em;padding:1px;} h2.search {font-weight:lighter; font-size:12px;} /**************** Comments *********************/ #comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;} .commentlist{padding:20px;} #author, #email, #url {color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em; font-size:11px; width:10em;background:#fcfcfc;margin-top:1px;padding:3px;} #submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;} #respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;} #comment{width:70%;border:1px solid #999999;} /**************** Footer *********************/ #footer{color:#000000; padding:5px; width:990px; margin:10px auto; text-align:right;} #footer a:link, #footer a:visited{color:#ffffff;} /**************** Misc *********************/ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .alignright{float:right; padding-right:20px;} .alignleft{float:left; padding-left:20px;} img.centered{display:block;margin-left:auto;margin-right:auto;} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;} pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed} code {font-size:1.0em;color: #000} Code (markup): Main Index Template: <?php get_header(); ?> <div id="main"> <div class="entry"> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2> <small>Written by <?php the_author() ?> on <abbr title="<?php the_time('Y-m-d\TH:i:sO'); ?>"><?php unset($previousday); printf(__('%1$s – %2$s'), the_date('', '', '', false), get_the_time()) ?></abbr></small><br /><br /> <div class="postbg"><?php the_content('Read more »'); ?></div> <br /> <?php the_tags('Tags: ', ', ', '<br />'); ?>Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?><br /> </div> <?php endwhile; ?> <div class="navigation"> <div class="alignleft"><?php next_posts_link('« Older Entries') ?></div> <div class="alignright"><?php previous_posts_link('Newer Entries »') ?></div> </div> <?php else : ?> <div class="post"> <h2 class="center search">Search could not find anything!</h2> <p class="center">Sorry, but you are looking for something that isn't here.</p> </div> <?php endif; ?> </div> <?php include (TEMPLATEPATH . '/sidebar.php'); ?> <br clear="all" /> <?php get_footer(); ?> </div> </body> </html> Code (markup): Page Template: <?php get_header(); ?> <div id="main"> <div class="entry"> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <h2><?php the_title(); ?></h2> <div class="postbg"><?php the_content('Read more »'); ?></div> <?php edit_post_link('Edit', '', ''); ?> </div> <?php endwhile; ?> <?php else : ?> <div class="post"> <h2 class="center search">Search could not find anything!</h2> <p class="center">Sorry, but you are looking for something that isn't here.</p> </div> <?php endif; ?> </div> <?php include (TEMPLATEPATH . '/sidebar.php'); ?> <br clear="all" /> <?php get_footer(); ?> </div> </body> </html> Code (markup):
http://www.sitepoint.com/forums/showpost.php?p=1374925&postcount=15 FAQ : What is float drop: I didn't even look-- this is the first thing you should always check for when something's getting pushed down in IE but sits alongside in FF or any other modern browser.