Mac OSX でのブラウズで、背景画像が表示されない現象

質問

cssで 背景画像指定、特定の画像だけ見れない状態の訴えです。私自身Macは持っておらず、検証できないのですが、訴えた本人もMacに詳しくないため、詳細内容不明です。ブラウザ種類、ブランクなのか、等、答えて貰えません。

div#MENUJPG {
font-size: 16pt;
margin: 0px;
height: 230px;
width: 540px;
float: right;
background: url('../img/bg/menu.jpg') no-repeat right top;
}

html上では、このdiv id="MENUJPG" の内部にp tag,a tag がいくつかありまして、メニューリンクとして、jpg上に文字を載せています。レイヤ状態で見えないのか？？と思いきや、同ページの

div#STAGE {
margin: 0px;
padding: 0px;
height: 450px;
width: 400px;
float: left;
background-image: url('../img/bg/butai.jpg') ;
background-position: 50% 15%;
background-repeat: no-repeat;
}

このjpgは見えているとのこと。このdiv 内も、p tagを使っており、文字をjpg上に載せています。違うのは background で一気に指定していることくらいです。

別ページにて、
p#BABY1 {
width :300px;
height :200px;
float :left;
background-image : url('../img/profile/baby.jpg');
background-repeat : no-repeat;
margin: 0px;
padding: 0px;
background-color : #cccccc;
}
このタイプ、jpg,size,floatは異なりますが、同じスタイルで４つあり、全て見えないとのことです。
同サイト別ページにて、cssで同じように div id="XX"で背景画像指定している箇所がいくつかあるのですが、そちらは問題ありません。
id,float,background or backgroud-image,width,height,single quote,...と同じ使い方であり、原因不明で行き詰まっております。

似たような現象、または、考えうる原因、どうぞご示唆くださいませ。

回答No.1

LLLuna

URIを指定する場合、url()を使いますが、その際URIを「"」や「'」で囲んでもかまわないことになっています。CSSの仕様上は、下記のどの記述でも問題ないのです。

url(../img/profile/baby.jpg)
url("../img/profile/baby.jpg")
url('../img/profile/baby.jpg')

しかし、Mac用ブラウザの中には、記述方法によって背景画像が読み込まれない問題が発生するものがあるそうです。
私もMacは持っていないので、詳しいことはいえませんが。

お礼

回答ありがとうございます。クォート変更、無しにしても改善されずです。気長に原因追及していくしかなさそうです