I have a page ( http://www.slipkid.com/sports ) that works well in Firefox but looks messed up in IE8.

In your menus change every occurrence of:

[if IE 7]

to:

[if gte IE 7]

That cleaned up a lot of problems but still one remaining. On My drop down menus I cannot get to the drop down parts, there is a space between the drop down and the top menu.

Originally Posted by slipkid That cleaned up a lot of problems but still one remaining. On My drop down menus I cannot get to the drop down parts, there is a space between the drop down and the top menu.

Hopefully someone else like Allen will drop in to help you with that one. I don't do CSS drop-down menus.

Originally Posted by slipkid That cleaned up a lot of problems but still one remaining. On My drop down menus I cannot get to the drop down parts, there is a space between the drop down and the top menu.

See if this works better.
Remove the #navcontainer2 rules

#navcontainer2
{ position: relative;
float: none;
margin: 33px auto 0; /* top/bottom right/left */
z-index: 99;
padding: 1px 1px 1px 1px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 730px; /* width of menu - minimize this until doesn't wrap to two lines
- too large effects centering */
}

#navcontainer2
{margin-top:30px;
height:22px;
border-bottom: 1px solid #4D5B5B; 
}

#navcontainer2 ul li {
display: inline;
}

#navcontainer2 ul li a {
text-decoration: none;
padding: .2em 1em;
color: #636363;
background-color: #fff;
font-size: 10pt;
font-weight: bold;
}

#navcontainer2 ul li a:hover {
text-decoration: none;
padding: .2em 1em;
color: #000000;
background-color: #fff;
font-size: 10pt;
font-weight: bold;
}

Change the #navcontainer2 html to this. Also changed to relative links.

<div id="navcontainer2" class="menu">
<ul>
<li><a href="/">Home</a></li>

<li><a class="drop" href="/Hockey">NK Hockey
    <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="/Hockey2008-09">2008-09 NK Hockey</a></li>
        <li><a href="/Hockey2009-10">2009-10 NK Hockey</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="drop" href="/Sports">Sports
    <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a class="drop" href="/Sports">Hockey&nbsp;&gt;
            <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
                <li><a href="/gallery/6435041_wuZBG">Midget 2008</a></li>
                <li><a href="/gallery/4759591_dmJjn">Spring 2008</a></li>
                <li><a href="/gallery/4571500_CDM3v">Bantam Regionals 2008</a></li>
                <li><a href="/gallery/3587409_xLoot">Bantams 2007-08</a></li>
                <li><a href="/gallery/1940956_nh3dP">Bantams 2006-07</a></li>
                <li><a href="/gallery/1793060_igKKR">Summer Hockey 2006</a></li>
                <li><a href="/gallery/3172004_B7UpD">PC Camp 2007</a></li>
                <li><a href="/gallery/1678717_gc8f4">PC Camp 2006</a></li>
                <li><a href="/gallery/946206_ZGyoR">Peewee 2005-06</a></li>
                <li><a href="/gallery/981932_2F8gm">RIJDL 2005-06</a></li>
                <li><a href="/gallery/508766_q7Bkm">RIJDL 2004-05</a></li>
            </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a class="drop" href="/Sports">Baseball&nbsp;&gt;
            <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
                <li><a href="/gallery/8181439_bvCvE">2009 Baseball</a></li>
                <li><a href="/gallery/4939975_3UQVy">2008 Baseball</a></li>
                <li><a href="/gallery/2740895_ukiD9">2007 Baseball</a></li>
                <li><a href="/gallery/1404455_GMkkn">2006 Baseball</a></li>
                <li><a href="/gallery/497540_UnFbR">2005 Baseball</a></li>
            </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a href="/nk-Cross-Country-2010">NK Cross Country</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="drop" href="/Airplanes">Air Shows
    <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="/gallery/602228_zsind">2005 Air Show</a></li>
        <li><a href="/gallery/3048094_caN7D">2007 Air Show</a></li>
        <li><a href="/gallery/8710541_R7BDs">2009 Air Show</a></li>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="drop" href="/Others">Others
    <!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
    <ul>
        <li><a href="/gallery/725235_G2GZs">Baseball Hall of Fame</a></li>
        <li><a href="/gallery/663211_pSHqh">Flowers</a></li>
        <li><a href="/gallery/6875109_E7du6">Winter 2008-09</a></li>
        <li><a href="/Others/Winter-2009-10/10703762_QkfGy">Winter 2009-10</a></li>
        <li><a href="/Landscapes">Landscapes</a></li>
        <li><a href="/watches">Watches</a></li>
        <li><a href="/others">Other Subjects</a></li>
        <li><a href="/Portraits">Contact me</a>
    </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>  <!-- closes navcontainer2 menu -->

Change the menu CSS to this

/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* http://www.cssplay.co.uk/ */
/* Edited for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* http://www.cssplay.co.uk/support.html */

/* CSS Section */

      /* style the outer div to give it width */
.menu {
   z-index:99;
   position:relative;    /* Make the container moveable */
   margin: 0 auto 20px;  /* top R/L bottom */
   width:600px;          /* Main bar total width, minimize to not wrap to two lines*/
}

      /* remove all the bullets, borders and padding from the default list styling */
.menu ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

      /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
   float:left;          /* float right will reverse the main buttons */
   text-align:center;
   width:auto; 
   position:relative;
   padding: 0;
}

      /* style the links for the top level */
.menu a, .menu a:visited {
   display:block;
   text-decoration:none;  /* none, overline, underline */
   color:black;
   background:white;
   font-size:11pt;
   font-family: verdana, Comic Sans MS, tahoma, helvetica, arial, sans-serif;
   width:auto;            /* Defines the main box dimensions. */
   height:20px;           /* How tall your cells are */
   line-height:20px;      /* vertical text alignment in cell */ 
   padding: 0 10px;       /* top/bottom R/L */
   min-width: 100px;
  /* text-align:center; */  /* center text in cell, adjust R/L padding above */
}

      /* main hover ?IE? */
.menu a:hover, .menu ul ul a:hover {
   color:gray;
   background:white;
}

      /* main hover */
.menu :hover > a, .menu ul ul :hover > a {
   color:gray;
   background:white;
}

      /* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:130px;}

      /* style the table so that it takes no part in the layout */
.menu table {position:absolute; top:0; left:0;}


      /* ***** LEVEL 2 ***** LEVEL 2 ***** LEVEL 2 ***** */

      /* another hack for IE5.5 */
* html .menu ul ul {top:20px; t\op:21px;}   /* IE gap between main bar and the dropdown items */

      /* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
   visibility:hidden;
   position:absolute;
   height:0;
   top:20px;       /* move drop vertically */
   left:-30px;     /* move drop horizontally   */
   width:160px;    /* Size of the daughter cells */
}

      /* style the second level background non-hover */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:white;}  /* if 3rd level exists */

      /* style the second level hover */
.menu ul ul a.drop:hover {background:white;}
.menu ul ul :hover > a.drop {background:white;}

      /* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
   color:black;
   background:white;
   height:20px; 
   line-height:20px; 
   width:160px;
}

.menu ul ul :hover > a.drop  {background:white;color:gray;}   /* 2nd if 3rd level exists */

      /* yet another hack for IE5.5 */
* html .menu ul ul a {width:120px; w\idth:120px;}


      /* ***** LEVEL 3 ***** LEVEL 3 ***** LEVEL 3 ***** */

      /* position the third level flyout menu */
.menu ul ul ul {
   left:160px; 
   top:0;
   width:160px;
   height:auto;
}

.menu ul ul ul li a {color:black;}
.menu ul ul ul li a:hover {color:gray;}

      /* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:white;}  /* not FF */

      /* style the third level hover */
.menu ul ul ul a:hover {background:white;}
.menu ul ul ul :hover > a {background:white;}     /* 3rd (w/o 4th) 4th hover */

      /* style the third level links */
.menu ul ul ul a, .menu ul ul ul a:visited {
   color:black;              /* hover 2nd > 3rd & 4th */
   background:white;       /* hover 3rd > 4th */
   height:25px; 
   line-height:25px; 
   width:160px;
}
      /* make the 2nd level visible when hover on 1st level */
.menu ul :hover ul {visibility:visible;}
      /* make the 3rd level visible when you hover over 2nd level */
.menu ul :hover ul :hover ul {visibility:visible;}
      /* keep the 3rd level hidden when you hover on 1st level */
.menu ul :hover ul ul {visibility:hidden;}

/* End Navbar Code */

Thanks ALLEN $ JFRIEND.............all set now