Letitia Grochmal3E46
New Member
I need help figuring out why my div class="content" is not showing up right in IE7 & IE8 - looks great in IE9: http://kathykroening.com/ The content should have a dark background overlay but it doesn't seem to be coming through and the positioning isn't right either as the caption appears on the top it should be below.Here is the HTML: \[code\] <body class="home page page-id-81 page-template-default"> <div id="wrapper"> <header> <div class="toph"> <h1 class="logo"><a href="http://kathykroening.com">Kathy Kroening</a></h1><!-- /.logo --> </div> <div class="bottomh"> <nav class="main"><ul class="inner"><li id="menu-item-194" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-81 current_page_item menu-item-194"><a href="http://kathykroening.com/">Home</a></li><li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151"><a href="http://kathykroening.com/about-kathy/">About Kathy</a></li><li id="menu-item-152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152"><a href="http://kathykroening.com/experience/">Experience</a></li><li id="menu-item-153" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-153"><a href="http://kathykroening.com/ideas/">Ideas</a></li><li id="menu-item-156" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-156"><a href="http://kathykroening.com/open-house/">Open House</a></li><li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="http://kathykroening.com/cabinetry/">Cabinetry</a></li></ul> </nav><!-- /.main --> <nav class="crumbs"> </nav><!-- /.crumbs --> </div> </header><!-- /header --> <section id="container"> <img src="http://kathykroening.com/wp-content/uploads/2012/11/homebg.jpg" alt="" class="pagebg"> <div class="inner"> <div class="content"> <p>Before color, fabric and furnishing, there