Can anyone take a look at this code and my website to see whats going on..

in firefox my horizontal navigation shows up way to the left and my shopping cart display(must have something in your cart) shows up down below where it should be(which is up in the blue space near top of page)

Can someone check out my site in both browsers and see whats up....here is my css and html

website address is www.saltysupply.com

/* CSS Document */
#cart_box {
margin:0px;
padding:0px;
position:absolute;
width:861px; 
text-align:center; 
height:11px;
 
top:20; 
font-size:11px;
}
#display_cart_summary .cartsummary_empty {
display: none;
padding:0px;margin:0px;
 
}
#display_cart_summary .cartsummary_full {
padding:0px;
margin:0px;
border-bottom-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #000000; 
text-align: center;
color:#CCCCCC}
#display_cart_summary .cartsummary_full a{
color:#FFFFFF;
padding:0px;
margin:0px;
 
}
body{
    text-align:center;
    margin:0;
    padding:0;
    font-size:12px;
    background:#22389a; 
    font-family: Arial, Tahoma, helvetica, sans-serif;
    margin: 15px;
}
/*ul, ol, dl { position: relative;  }*/
#body a{
    text-decoration:none;
}
#body li.last{
    margin:0;
    padding:0;
    border:none;
}
#body a:hover{
    text-decoration:underline;
}
 
/* Header */
 
#header{
    width:861px;
    height:176px;
    padding:0;
    margin:0px auto;    
    position:relative;
    text-align:left;
    background:url(../images/template/header_bg.gif) no-repeat left top;
}
#header h1{
    width:428px;
    margin:0;
    padding:0;
    height:90px;
    position:absolute;
    text-align:left;
    top:38px;
    left:14px;
    font-size:1em;
    text-indent:-9999px;

}
 
#header h1 a{
 
    display:block;
    width:100%;
    height:100%;
    /*background:url(../images/template/header_bg.gif) no-repeat left top;*/
    text-align:left;
}
#header h1 a#homepage_title{
    text-indent:0;
    display:block;
    width:384px;
    height:56px;
    font-size:2.2em;
    background:transparent;
    margin-top:1em;
    margin-left:1em;
    text-align:left;
}
 
 
#header h3{
    width:79px;
    margin:0;
    padding:0;
    height:21px;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    bottom:41px;
    font-size:13px;
    text-transform:lowercase; 
    font-weight:normal; 
    text-align:center;
    left: 687px;
    text-indent:-9999px;
 
}
 
#header h3#home{
    left:577px;
    width:94px;
}
 
#header h3#view_cart{
    left:464px;
    width:104px;
}
#header h3#my_account{
    left:686px;
}
#header h3#about_us{
    left:511px;
    width:70px;
}
#header h3#contact_us{
    left:599px;
    width:72px;
}
#header h3#privacy{
    left:685px;
    width:83px;
}
#header h3#help{
    left:779px;
    width:63px;
}
 
#header h3 a{
    display:block;
    width:100%;
    height:100%;
}
 
 
/* Horizontal Dynamic Navigation */
 
#horz_nav{
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    margin:0px;
    position:absolute;
    text-align:center; 
    top:165px;
    width:861px;
}
 
#horz_nav ul{

    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    padding-top:6px;
    margin-right:.5em;
}
 
#horz_nav ul li{
    text-align:center;
    font-size:1.1em;
    font-weight:normal;
    margin-right:.5em;
    padding-right:.5em;
    display:inline;



}
#horz_nav ul li a{
    color:#FFFFFF;
    font-weight: normal;
    font-family:Tahoma, Arial, Sans Serif;
    font-size:9px;
    text-transform:uppercase;
   padding-left:1em;
}
 
 
/* Top Navigation  (view cart, my account)*/
 
#top_nav {
    position:absolute;
    top:50px;
    left:348px;
    width:491px;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}
#top_nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
#top_nav ul li{
    display:inline;
    margin-right:.25em;
    padding-right:.5em;
    border-right:1px solid #003399;
}
#top_nav ul li a{
    color:#CCCCCC;
    font-weight:bold;
}
 
 
/* Search Section CSS begins */
 
div#search_box{
    padding:0px;
    margin:0px;
    text-align:left;
    width:215px;
    height:75px;
    position:relative;
    background:url(../images/Template/search_section_bg.gif) no-repeat left top;

}
 
#display_search_box{
    padding:0px;
    margin:0;
    position:absolute;
    top:46px;
    left: 22px;
}
#display_search_box form{
    padding:0;
    margin:0;
}
#display_search_box table td{
    vertical-align:top;
}
#display_search_box input{
    margin:0;
    vertical-align:top;
    width:151px;
    font-size:10px;
 
}
 
#display_search_box img{
    margin:0;
    padding:0;

}
 
/*-- dropdown menu shop by brand */
 
#DropDown_SHOPBY_MANUFACTURER {
    padding-left:22px;
    margin-bottom:.5em;
}

 
#DropDown_SHOPBY_MANUFACTURER select{
    width:145px;
    margin:0;
    padding:0;
}

 
 
#content{
    padding:0;
    margin:0;
    text-align:left;
    width:861px;
    margin:0px auto;
    background:#fff url(../images/Template/content_bg_top.gif) repeat-y right top;

}
 
#content > *{
    text-align:left;
}
 
 
 
/* Left navigation  */
 
 
#left_nav{
    margin:0px;

    /* turn the following attribute on if you need to position absolutely inside of the left_nav.  Beware: this will screw up the rollover_color_popouts menu in IE7

    /*position:relative;*/
    height:100%;
    width:215px;
    background:url(../images/template/left_nav_tile.gif) repeat-y left top;
    padding-top:0px;
 
}
 
 
 
#first_nav h2{
    margin:0;
    padding:0;
    width:215px;
    height:52px;
    color:#fff;
    font-size:9px;
    font-family:Arial, Verdana, Sans serif;
    text-transform:uppercase;
    text-align:left;
    padding-right:2em;
    background:url(../images/Template/first_nav_title.gif) no-repeat left top;
}
 
 
#second_nav h2{
    margin:0;
    padding:0;
    width:215px;
    height:52px;
    color:#fff;
    font-size:9px;
    font-family:Arial, Verdana, Sans serif;
    text-transform:uppercase;
    text-align:left;
    padding-right:2em;
    background:url(../images/Template/second_nav_title.gif) no-repeat left top;    
}
 
#left_nav ul{
    list-style:none;
    margin:0px;
    padding:0px;

text-indent:.5em;
}
 
 
#left_nav h2{
    text-indent:-9999px;
}
 
#display_menu_1{
    margin-left:1em;
}
 
#display_menu_2{
    margin-left:1em;
}
 
#left_nav ul li{
    margin:0;

    margin-bottom:.5em;
    padding-left:1em;
    margin-left:1em;
    background:url(../images/template/left_nav_bullet.gif) no-repeat 0 4px;
    font-family: Tahoma, Arial, Sans Serif;
    font-weight:normal;        
}
 
#left_nav ul li a{
    padding-bottom:.1em;
    color:#36D6D6D;
}
#left_nav ul li.nav a{
    padding-bottom:.1em;
    color:#6D6D6D;
    font-weight:normal;
}
 
#left_nav div.nav_section{
    width:204px;
    padding:0;
    margin:0;
    margin-bottom:1em;
}
 
 
 
#display_promotions_999{
    margin-top:2em;
    padding:1px 2em;
    text-align:center;
    width:204px;
}
 
 
#mailing_list{
    padding:0px;
    margin:0px;
    width:204px;
    height:75px;
    background:url(../images/Template/mailing_list_bg.gif) no-repeat center top;
    text-align:center;
    padding-top:30px;
}
 
 
span.ir{
    display:none;
}
#content #content_area{
    margin:0;
    padding-right:1em;
    text-align:left;
    display:block;
    width:610px;
}
 
#content #content_area table{
    text-align:left;
}
#footer{
    margin:0;
    padding:0;
    text-align:center;
    width:861px;
    height:103px;
    position:relative;
    margin:0px auto;
    font-size:.8em;
    color:#000;
    margin-bottom:.2em;
    font-family:Arial, Helvetica, sans-serif;
    background:url(../images/template/footer_background.gif) no-repeat left top;
}
* html #footer{
    margin-top:0;
 
}
 
#footer_top{
    width:861px;
    color:#A29F9F;
    text-align:center;
    background:none;
    font-size:10px;
    font-weight:normal;
    padding-bottom:.1em;
    padding-top:1em;
    position:relative;

}
#footer_top ul{

    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    padding-top:6px;
    margin-right:1em;
}
 
#footer_top ul li{
    text-align:left;
    font-size:1.1em;
    font-weight: bold;
    margin-right:.5em;
    padding-right:1em;
    display:inline;
    border-right:1px solid #787878;


}
#footer_top ul li a{
    color:#787878;
    font-weight: bold;
    font-family:Tahoma, Arial, Sans Serif;
    font-size:9px;
    text-transform:uppercase;
   padding-left:1em;
}
 
#footer_top p{
    margin:0;
    padding:0;
    margin-top:8px;
    font-weight:normal;
    text-align:right;
    font-size:10px;
    margin-right:1em;
}
#footer_bottom{

    width:812px;
    color:#A29F9F;
    text-align:right;
    background:none;
    font-size:10px;
    font-weight:normal;
    padding-bottom:1em;
    padding-top:3em;
}
 
#footer #footer_bottom a{
    color:#818181
}
#footer a{
    color:#A29F9F;
    font-weight:normal;
}
 
#home_page_splash{
    padding:0;
    margin:0 auto;
    width:635px;
    text-align:left;
    font-size:11px;
    line-height:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-top:1em;

}
#home_page_splash #home_page_top{
    width:635px;
    height:258px;
    position:relative;
    background:url(../images/template/home_page_splash.jpg) no-repeat left top;
    margin:0;
    padding:0;
    margin-bottom:1em;
}
 
.rowcontainer{

    float:left;
    width:635px;
}
 
.home_page_section{
    width:279px;
    height:100px;
    float:left;


}
#section1{
    background:url(../images/template/ph-01.jpg) top left no-repeat;
}
#section2{
    background:url(../images/template/ph-02.jpg) top left no-repeat;
}
 
 
.home_page_section_featured{
    margin-top:1em;
    width:635px;
    height:33px;
    clear:both;
    background:url(../images/template/featured.gif) top left no-repeat;

}
 
.home_page_section p{
    margin-left:9.5em;
}
.home_page_section p a{
    color:#F7941D;
    font-weight:bold;
}
 
.dropdown_select{
    margin-bottom:1em;
}
.dropdown_select select{
    width:145px;
    margin:0;
    padding:0;
    margin-left:10px;
    font-size:9px;
    border:1px solid #ccc;
}
 
/* this is for the rollover_colors_popout link color */
#left_nav .nav_section table td a{
    color:#777777;
}
 
div#menu0{
    margin-left:1em;
}
 
#left_nav table.milonictable tr td a{
    color:#333;
}
 
#display_menu_1 div.subnav {cursor:pointer; }
#display_menu_1 div.subnav table.milonictable tr td{ padding:5px;}

<!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">
<head>
<!-- 
DYNAMIC PAGE-SPECIFIC META TAGS WILL BE PLACED HERE
DO NOT ADD YOUR OWN META TAGS, ONLY PUT CSS/JAVSCRIPT INCLUDES IN YOUR HEAD TAG
-->
<link href="vspfiles/templates/106/css/Imports.css" rel="stylesheet" type="text/css">
</head>
<body id="body"  onload="">
<!-- V-Chrome -->
 
 
<div id="header">
    <h1 id="display_homepage_title"></h1>
 
    <h3 id="home"><a href="/">Home</a></h3>
    <h3 id="view_cart"><a href="/shoppingcart.asp">View Cart</a></h3>    
    <h3 id="my_account"><a href="/myaccount.asp">My Account</a></h3>
    <h3 id="help"><a href="/help.asp">Help</a></h3>
 
</div>
 
<div id="cart_box"><div id="display_cart_summary">Cart Summary</div></div>
 
<div id="horz_nav">
    <div id="display_menu_3">display_menu_3
</div>
 
</div>
 
<div id="content">
    <table border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td valign="top" id="left_nav" width="215">
                <div id="search_box">
 
                                <div id="display_search_box">
 
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" >
                                        <tr>
                                          <td valign="top" >
                                          <form action="/SearchResults.asp" method="get" name="SearchBoxForm">
                                            <input type="text" maxlength="20" value="" name="Search"/>
                                           <img src="vspfiles/templates/106/images/Template/search_button.gif" width="30" height="28" border="0" style="cursor: pointer;" onclick="document.forms['SearchBoxForm'].submit();"/></form>
                                               </td>
                                          </tr>
 
                                        </table>
                  </div>
 
              </div> 
 
                 <div id="DropDown_SHOPBY_MANUFACTURER" >
                  <form name="form1" method="get" action="."  title="Shop by Brand">
                            <select name="select_box">
                                <option value="First Select" selected>First Select</option>
                            </select>
                        </form>
                        </div>    
                    <div id="first_nav" class="nav_section">
                        <h2 id="Menu1_Title">Menu1_Title</h2>
                        <div id="display_menu_1">display_menu_1</div>
 
                    </div>
                    <div id="second_nav" class="nav_section">
                        <h2 id="Menu2_Title">Menu2_Title    </h2>
                        <div id="display_menu_2">display_menu_2</div>
                    </div>
 
 
 
 
 
 
                    <div id="display_promotions_999" >
                        <p>Nav Promotions</p>
                        <br /><br /><br />
                    </div>
 
 
 
 
            </td>
 
            <td id="content_area" valign="top" ></td>
        </tr>
    </table>
 
</div>
 
<script language="JavaScript1.2">
<!--
var bookmarkurl="Config_FullStoreURL"
var bookmarktitle="Config_WebsiteTitle"
var bookmarktext="Bookmark Us"
 
if (navigator.appName == "Opera") {
    bookmarktext="Bookmark Us (CTRL+T)";
}
if (navigator.appName == "Netscape") {
    bookmarktext="Bookmark Us (CTRL+D)";
}
 
 
function addbookmark()
{
    if (document.all) {
    window.external.AddFavorite(bookmarkurl,bookmarktitle);
    }
}
//-->
</script>
 
<div id="footer">
    <div id="footer_top">
        <ul>
            <li><a href="Config_FullStoreURL/wishlist.asp"  >Wish List</a></li>
            <li><a href="Config_FullStoreURL/Ticket_New.asp"  >Contact Us</a></li>
            <li><a href="Config_FullStoreURL/MailingList_Subscribe.asp"  > NewsLetter</a></li>
            <li><a href="Config_FullStoreURL/help_answer.asp?ID=131#131"  > Shipping Policies</a></li>
            <li><a href="Config_FullStoreURL/help.asp"  > Help</a></li>
            <li class="last"><a href="Config_FullStoreURL/terms.asp"  > Terms of Use</a></li>
        </ul>
 
    </div>
    <div id="footer_bottom">
        <p><a href="Config_FullStoreURL/terms.asp"  >Copyright &copy; 2006 Config_CompanyNameLegal. All Rights Reserved.</a><br />
 
 
 
 
 
 
 
<!--                
    ===========================================================================================
        VOLUSION LINK - BEGIN
    ===========================================================================================
        Customer has agreed per Volusion’s Terms of Service (http://www.volusion.com/agreement_monthtomonth.asp)
        to maintain a text hyperlink to "http://www.volusion.com" in the footer of the website. The link must be standard html, contain no javascript, and be approved by Volusion. Removing this link breaches the Volusion agreement.
    -->
        Shopping Cart Powered by <a href="http://www.volusion.com" title="Shopping Cart Software"   target="_blank">Volusion</a>.</p>
 
    <!--
    ===========================================================================================
        VOLUSION LINK - END
    ===========================================================================================
    -->
 
    </div>        
 
</div>
 
</body>
</html>

Don't know if the helps, but you can make IE specific properties by adding a _ infront of them. So add the regular one first, and then add the same but with the underscore edited so it can display correctly in IE as well.

ill give that a shot...anyone else have ideas.

Yes, don't use hacks ! That is not the way to solve the problem.

IF you must use 'hacks' to fix IE, use conditional comments and a separate css file that contains ONLY the fixes needed for IE.

Now.. your problem is that your #horz_nav is set to position:absolute, which is unnecessary, and you specified a top property but did not position it horizontally. Put a left: xxx px on that and you'll move it over.
It would be better that you ditch the position:absolute and use the normal document flow to place your div where you want it.

the problem i was running into was when I use the left it moves around the page when I rezize the browser....although is that cause im using absolute?

im running into issues with not using absolute because of how they designed this template....it is spacing apart the header up top when I take out the absolute.

i got it figured out...had to do what you said and change the flow of the div tags and use padding etc.