CSS: Hand held Devices

Hi folks,

I am working on my very first web site that's viewable with cell phones / hand
held devices.

However, a menu that is supposed to show up works fine on cell phones, but not
on a pocket PC. (that menu is hidden when viewed with a regular computer,
desktop, laptop, etc.).

Any ideas about what I can do to the code to make it work?

<div id="CellNav">
<ul>
<li><a href="../ac-chapel-choir.php"> The AC Chapel Choir </a></li>
<li><a href="../10am-choir.php"> 10AM Choir</a></li>
<li><a href="../festival-choir.php">Festival Choir</a></li>
<li><a href="../alumni-choir.php">Alumni Choir / Alumni Dinner</a></li>
<li><a href="../schedules.php">Schedules</a></li>
<li><a href="../programs.php">Programs</a></li>
<li><a href="../photos.php">Photos </a></li>
<li><a href="../join-us.php"><strong>Join Us!</strong></a></li>
<li><a href="../jane-shivick.php">Jane Shivick, Director of Chapel
Choirs</a></li>
<li><a href="../frank-corbin.php">Frank Corbin, Director of Chapel
Music</a></li>
<li><a href="../lessons-and-carols.php">Lessons &amp; Carols</a></li>
<li><a href="../media.php">Media</a></li>
<li><a href="../default.php">Chapel Choir Home</a></li>
</ul>
</div>


And the CSS:
#CellNav {
position:relative;
width:100%;
padding:2px 0px 0px 0px;
text-align:left;
}

#CellNav a, a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 1em;
}

THANKS!!
Ron