Following is my website header code, i had to put one of the menu items (SLP houses) in an ap div to work the drop down menu accurately, now the problem with that is i am unable to get the positioning right in IE9 it shows fine in firefox but in explorer the 'SLP houses' tab and 'out patient service' tab is not positioned accurately, the resolution is 1024x786 , i tried setting the the ap div positin to reletive but doing that messes up the whole menu layout, please look at the code and see how i can fix it, is there conditional formatting code for IE9 if so how should it be phrased...please help, i would really appreciate it, the website address is soberlivingproperties.com
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php wp_title('«', true, 'right'); ?>
<?php bloginfo('name'); ?>
</title>
<!-- Main WordPress Stylesheet -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!-- WYSIWYG CSS -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/wysiwyg.css" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<div id="index">
<div id="container">
<div id="apDiv3">
<p id="TopBox">Call us Today </p>
<p id="TopBox">(801) 386-9889</p>
<p> </p>
<p><span id="TopBoxTagline"><a href="http://soberlivingproperties.com/?page_id=14">click here for financial arrangements and options</a></span></p>
</div>
<div id="containerTop">
<div id="containerTopTop" class="iechange"><a href="http://www.soberlivingproperties.com"><a href="http://soberlivingproperties.com/index.php"><img src="<? bloginfo('stylesheet_directory'); ?>/images/sober_living_properties_logo.png" alt="Sober Living Properties" name="logo" width="192" height="84" border="0" id="logo"></a></a>
<div id="navContainer">
<ul>
<li class="nav"><a href="http://soberlivingproperties.com/index.php">Home</a></li>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=11">Nature of Addiction </a></li>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=17">At Sober Living </a></li>
<li class="nav"> </li>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=9">Out Patient services</a></li>
<div id="apDiv4"> <ul id="nav">
<li>
<a href="http://soberlivingproperties.com/?page_id=6">SLP houses</a>
<ul>
<li class=".positionrelative"><a href="http://soberlivingproperties.com/?page_id=12">Millcreek House</a></li>
<li class=".positionrelative"><a href="http://soberlivingproperties.com/?page_id=13">Holladay House</a></li>
<li class=".positionrelative"><a href="http://soberlivingproperties.com/?page_id=16">Draper House</a></li>
<li class=".positionrelative"><a href="http://soberlivingproperties.com/?page_id=5">St. George House</a></li>
</ul>
</li>
</ul></div>
</ul>
<p> </p>
<p> </p>
<ul>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=8">Recovery At SLP</a></li>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=4">Upcoming Events</a></li>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=7">Resources</a></li>
<li class="nav"><a href="http://soberlivingproperties.com/?page_id=14">Financial Options/Assistance</a></li>
</ul>
<p> </p>
</div>
</div>
<div id="containerTopTagline" class="iechange">
<div id="apDiv6" class="marquee">
<span> Sober Housing Outpatient Programs Recovery </span>
</div>
</div>
</div>
