I have done some customization to my web site, and it looks how i want it in IE7, but when i look at it at work which uses IE6 the font color for my menus is a grey and it is sappose to be white. and the menu wraps in two rows. And a friend emailed me saying that the font was hard to read on her MAC book. I looked at my code to see if there was anything that i might of missed but i dont see anything, and i am new at writting the CSS and HTML code so i could of very easily missed someting. My web site is goodwinphotos.smugmug.com. Any help would be great. Thanks.

Originally Posted by LikeGod04 I have done some customization to my web site, and it looks how i want it in IE7, but when i look at it at work which uses IE6 the font color for my menus is a grey and it is sappose to be white. and the menu wraps in two rows. And a friend emailed me saying that the font was hard to read on her MAC book. I looked at my code to see if there was anything that i might of missed but i dont see anything, and i am new at writting the CSS and HTML code so i could of very easily missed someting. My web site is goodwinphotos.smugmug.com. Any help would be great. Thanks.

Change to 11pt in this and see if things are more consistent.

.menu ul li a,
.menu ul li a:visited {
,,,
font-size: 11pt; /* main buttons */
,,,

Originally Posted by Allen Change to 11pt in this and see if things are more consistent. .menu ul li a, .menu ul li a:visited { ,,, font-size: 11pt; /* main buttons */ ,,,

ok i made the change....ill see if it worked when i get to work. Thank you for your help.

I made the change you recomended and it still doesnt look right. On IE6 when i hover the mouse over the menu the drop down text is black on a grey back ground and there is double spacing. But when i view it on IE7 the Text is White on Grey background (which is how i want it) and everything is spaced fine. Any suggestions would be great. Thank you for your help.

Originally Posted by LikeGod04 I made the change you recomended and it still doesnt look right. On IE6 when i hover the mouse over the menu the drop down text is black on a grey back ground and there is double spacing. But when i view it on IE7 the Text is White on Grey background (which is how i want it) and everything is spaced fine. Any suggestions would be great. Thank you for your help.

See if changing the color and padding in the IE section helps.

.menu ul li a:hover ul li a {
      display: block;
      background: #1A1A1A;        /* IE DD color non-hover */
       color: #fff;             /* IE DD color non-hover */
      height: auto;
      line-height: 20px;      /* IE DD FO box height */
      padding: 0; 
      width: 175px;            /* IE DD FO box */
}

Thanks for your help, the last advice fixed the problem. i just now got time to respond, thanks again.