CSS - Css For Blackberry

I'm creating home and inside page templates for a client. I know that they work on the major desktop browsers and on the iPhone. And they validate at CSS Level 2 and XHTML 1.0 Transitional. But I'm still trying to make them work on the Blackberry.

The problem: I'm trying to enable the visitor to jump past a very long list of links that you'd see in the left column on a desktop browser. My "skip navigation" link works for desktop computer users, but I've had trouble implementing it on the Blackberry.

In the handheld.css file, I tried using display: none to hide the link list. But it still showed up. So, I put a visible "skip navigation" link just above the start of the long link list. I'm not sure that this "skip navigation" link:

1. Can even be seen in the Blackberry. Client has told me that several previous "skip link" techniques that I've tried are not visible on his Blackberry. I've tried several Blackberry emulators, but none of them seem to be as accurate in their rendering as the Blackberry itself.

2. Gets the visitor past the link list and into the page's copy.

A colleague suggested that the root problem may be in how I coded the link to the handheld.css file in the XHTML. I used this code:

<link href="css/handheld.css" rel="stylesheet" type="text/css" media="handheld" />

She suggested making a change to media="mobile".

The "skip navigation" link code goes like this:

<p>[ <a href="#skip">skip navigation</a> ]</p>

and

<a name="skip"></a>