携帯サイトの背景と文字位置が反映されません
携帯サイトを作っています。
参考にしたのは「All about」にあった携帯サイトの作り方で
試したのですが、背景や文字位置等がうまく反映されません。
下がソースです。（東京のお菓子というのは仮に入れてます）
具体的にはバックグラウンドを指定してもバックグラウンドが表示されず、centerを指定しても全部左寄せになってしまいます。
ちなみにパソコンで見るときちんと表示されています。
私の持っているdocomoの端末(P902iS)ですとバックグラウンドが表示されず
左寄せになってしまいます。
それぞれにスタイルで文字の大きさや背景などを指定するやり方は
ALL aboutの携帯サイトの作り方を参考にしています。
何か間違いなどあればご指摘いただけないでしょうか？
よろしくお願いします。
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="keywords" content="お菓子,お花" />
<meta name="description" content="東京のお菓子お花屋です" />
<title>東京お菓子お花title>
</head>
<body>
<div style="background-color:#cc0000; color:white;">お菓子屋さん<br />
（東京お菓子）<br />
東京都</div>
<div style="text-align:center;"><img src="******title1.gif" width="80" height="120" border="0" /></div>
<div style="font-size : smaller;color : #624a20;text-align : left;">お菓子屋さんではお菓子やお花を販売しています。東京にあります。<br />
</div>
<div style="font-size : smaller;color : green;">◆<a href="index.html">トップページ</a><br />
◆<a href="okashi.html">お菓子屋のご紹介</a><br />
◆<a href="ohana.html">お花のご案内</a><br />
◆<a href="zakka.html">雑貨のご案内</a><br />
◆<a href="access.html">アクセス</a><br />
◆<a href="http://www.*******.com/">PCホームページ</a><br />
</div>
<div style="font-size : smaller;color : #624a20;text-align : left;">お電話、メールにてお気軽にお問い合わせ下さい。またパソコン用HPもありますので、詳しくはそちらもご覧下さい。<br />
</div>
<div style="color : #ffffff;background-color : #a57e37;text-align : center;">◎お問い合せ◎</div>
<div style="text-align:center; font-size:smaller;">電話での問合せ<br />
<a href="tel:03*********">03-***-****</a><br />
メールでの問合せ<br />
<a href="mailto:info@******.com">コチラ</a></div>
<div style="font-size : smaller;color : #660000;text-align : center;">お菓子屋さん<br />
***-****<br />
東京都<br />
渋谷区******</div>
</body>
</html>
