# CSS Menu Color is changing in Safari?

**URL:** <https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371>\
**Category:** web dev\
**Created:** [June 15, 2008, 7:34am UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371 "2008-06-15T07:34:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nick5185](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nick5185](https://forum.kirupa.com/u/Nick5185)\
**Post date:** [June 15, 2008, 7:34am UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371/1 "2008-06-15T07:34:03Z")

</div>

Everything looks great on IE. Mozilla, and Opera… but when I checked it out on Safari it turn by nice red to green:crying:

heres a link:  
[http://www.cabinetsavers.biz/test](http://www.cabinetsavers.biz/test)

the style sheet is here:  
[http://www.cabinetsavers.biz/test/style.css](http://www.cabinetsavers.biz/test/style.css)

Thanks in advance for any advice!

Nick

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [June 15, 2008, 1:15pm UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371/2 "2008-06-15T13:15:20Z")

</div>

It’s because you’re not using proper xhtml.

\<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd)”\> is your doctype but your site is pretty far from being strict… you are using TD background color (btw that’s whats screwing up safari) and a bunch of other things that wont validate …

click this link to see all the errors.

[http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cabinetsavers.biz%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0](http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cabinetsavers.biz%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0)

Apart from invalid xhtml, you also have invalid CSS.

Check this one out for example;  
background:#66000;

R:66 G:00 B:0 ? 😮 missed a zero there etc.

---

<div class="post-metadata">

**Author:** ![Nick5185](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nick5185](https://forum.kirupa.com/u/Nick5185)\
**Post date:** [June 15, 2008, 5:24pm UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371/3 "2008-06-15T17:24:03Z")

</div>

Thanks very much… I am obviously new at this 😉 I never knew that site even exisisted! Not only did you help me with this problem, this will help solve many more in the future. One question though… I just grabbed this doctype from some random page (i know…lol) what do you think is a good place to learn about doctypes? Thanks again.

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [June 15, 2008, 5:33pm UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371/4 "2008-06-15T17:33:39Z")

</div>

Quite frankly, the only two doctypes you will need to worry about is strict and transitional xhtml. You were using strict, which is the most “hardcore” of the two. very unforgiving, but also very clean and functional. Transitional allows you some more freedom…

google “xhtml doctypes” and you’ll see the ones you have to pick from.

---

<div class="post-metadata">

**Author:** ![Nick5185](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nick5185](https://forum.kirupa.com/u/Nick5185)\
**Post date:** [June 15, 2008, 5:42pm UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371/5 "2008-06-15T17:42:19Z")

</div>

Cool… one last thing. Did you run the style.css through a scan also to find that messed up hex code?

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [June 15, 2008, 7:00pm UTC](https://forum.kirupa.com/t/css-menu-color-is-changing-in-safari/263371/6 "2008-06-15T19:00:37Z")

</div>

No, I saw that through firebug 😉