I fixed the IE 6&7 problem for you, using a different css rollover:
------------
HTML:
<div id="mainNav">
<ul>
<li id="home"><a href="#" title="Home"></a></li>
<li id="girls"><a href="#" title="The Girls"></a></li>
<li id="coaches"><a href="#" title="The
Coaches"></a></li>
<li id="calendar"><a href="#" title="Calendar"></a></li>
<li id="fundraising"><a href="#"
title="Fundraising"></a></li>
<li id="tryouts"><a href="#" title="Tryouts"></a></li>
<li id="camps"><a href="#" title="Camps"></a></li>
<li id="competitions"><a href="#"
title="Competitions"></a></li>
<li id="cheers"><a href="#" title="Cheers"></a></li>
<li id="dances"><a href="#" title="Dances"></a></li>
<li id="photo"><a href="#" title="Photo
Gallery"></a></li>
</ul>
</div>
---------------------
CSS:
#mainNav {
margin: 0;
padding: 0;
width: 198px;
list-style: none;
background: #000000;
float:left;
border-right:3px solid #f6be37;
}
#mainNav li {
padding: 0;
margin-right:0px;
height: 20px;
list-style: none;
background-repeat: no-repeat;
border-bottom: 3px solid #f6be37;
}
#mainNav li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 20px;
background-repeat: no-repeat;
}
#mainNav #home {background-image: url("img/home.jpg"); width:198px;}
#mainNav #home a:hover {background-image: url("img/home_over.jpg");}
#mainNav #girls {background-image: url("img/girls.jpg"); width:198px;}
#mainNav #girls a:hover {background-image: url("img/girls_over.jpg");}
#mainNav #coaches {background-image: url("img/coaches.jpg"); width:198px;}
#mainNav #coaches a:hover {background-image: url("img/coaches_over.jpg");}
#mainNav #calendar {background-image: url("img/calendar.jpg"); width:198px;}
#mainNav #calendar a:hover {background-image: url("img/calendar_over.jpg");}
#mainNav #fundraising {background-image: url("img/fundraising.jpg");
width:198px;}
#mainNav #fundraising a:hover {background-image:
url("img/fundraising_over.jpg");}
#mainNav #tryouts {background-image: url("img/tryouts.jpg"); width:198px;}
#mainNav #tryouts a:hover {background-image: url("img/tryouts_over.jpg");}
#mainNav #camps {background-image: url("img/camps.jpg"); width:198px;}
#mainNav #camps a:hover {background-image: url("img/camps_over.jpg");}
#mainNav #competitions {background-image: url("img/competitions.jpg");
width:198px;}
#mainNav #competitions a:hover {background-image:
url("img/competitions_over.jpg");}
#mainNav #cheers {background-image: url("img/cheers.jpg"); width:198px;}
#mainNav #cheers a:hover {background-image: url("img/cheers_over.jpg");}
#mainNav #dances {background-image: url("img/dances.jpg"); width:198px;}
#mainNav #dances a:hover {background-image: url("img/dances_over.jpg");}
#mainNav #photo {background-image: url("img/photos.jpg"); width:198px;
border:0;}
#mainNav #photo a:hover {background-image: url("img/photos_over.jpg");
border:0;}
ul.menu li a:hover {background: none;}
#mainNav li {float: left;}
#mainNav:after {content: "."; display: block; height: 0; clear: both;
visibility: hidden;}
#flashSpot { float: right; background-image:
url("img/flash_spot_image.jpg"); height:250px; width: 551px; }
-----------------------------
Tested in IE 6,7 FF2
2008/4/25 Matthew Stoneback <[EMAIL PROTECTED]>:
> As usual, I am back on the forum asking for a site check.
>
> Here are my known issues (as far as I can tell one is only visible in IE6
> &
> IE7):
>
> IE6 & IE7 issue: The main navigation area located in the upper left area
> has
> spaces between the images I am using as links. This does not display this
> way in any other browser (that I am aware of). They appear to be
> approximately 2 to 3 pixels in height.
>
> I was also wondering how I could center the text "Contact Us" vertically
> in
> the green bar located across the top of the large image. I tried some
> different methods and nothing worked. I am guessing I am missing
> something
> simple in doing this. Any ideas?
>
> Thanks in advance for fixing any issues or giving advice.
>
> Here is the HTML: http://www.eddysound.com/msc/index.html
>
> Here is the CSS: http://www.eddysound.com/msc/main.css
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Best regards
David
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
