I am trying to use the link tag to point to an external css file in my xhtml page and using the Nokia MIT (Nokia Mobile Browser simulator) for viewing my pages and I am seeing something really interesting which I was hoping someone would be able to explain.
When I request a page with the following xhtml markup

<?xml version="1.0" encoding="utf-8"?>
<!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">
<title></title><link type="text/css" rel="stylesheet" href="default.css"/>
<body><form id="myForm" method="post" >
<span class="Style1">Form1 Should appear italicized, not bold and green
<input type="submit" name="simpleCmd" value="some button"/></div></form></body>

where default.css looks like

.Style1 {color:green;font-style:italic; font-weight:normal;}
.Style2 {color:red; font-weight:bold;}

I do not see the style applied to the span tag, but if I switch the class name in the span tag from
<span class="Style1"> to <span class="style1">

then I see the style being applied. Is anybody aware why this is happening - it surely doesn't look like the right behavior.
Note: In both cases the default.css gets requested properly.

Thanks in advance