[css-d] syntax: attribute selector on linked image

[Angela French]

Hello,
I am trying to write CSS that will apply top margin on an image that is used as 
a back arrow button.  The generated html is as follows:
<td>
<span>
<a title="Back to Previous View" href="javascript:controller.navigateBack();">
<img width="11" height="13" alt="Back to Previous View" title="Back to Previous 
View" 
src="http://www.trumba.com/i/DgC4zgBAwusa93o2xKoNIHtu.gif?color=%2308799f";></a></span></td>

I tried writing the CSS as:

a[title="Back to Previous View"] img{
      display:block;
      margin-top:20px;
      background-color:pink;  /*test*/
}

Unfortunately, I'm seeing no effect.  Is my syntax incorrect, or am I trying to 
do something that is not possible?  I also tried targeting the <td> the image 
is in and applying padding to the cell  like this:

td < a[title="Back to Previous View"] img{
        /*display:block;*/
        padding-top:200px; /* big for test */
        background-color:pink; /*test*/
}

and this (removed img):

td < a[title="Back to Previous View"] {
        /*display:block;*/
        padding-top:200px; /* big for test */
        background-color:pink; /*test*/
}



Thank you for any advice.

Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu<mailto:afre...@sbctc.edu>
www.sbctc.edu<http://www.sbctc.edu/>

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/