The following HTML/CSS is producing everything except for the 5px indent. Please help!

<td width="157" height="25" class="navBtn">home</td>

**This CSS is being imported from a style sheet***
.navBtn {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: lowercase;
color: #FFFFFF;
text-indent: 5px;
background-image: url(images/navBtn.jpg);
margin: 0px;
padding: 0px;
text-align: left;
vertical-align: middle;
letter-spacing: 5px;
display: block;
}

It seems to work fine in Firefox - 5px is not a lot on indent I changed it to 5em and the text moved as expected, no background image but that should not matter for test, which browser are you testing with?

IE 7

Hmm, I tried it in IE7 and it seemed to work fine, I uploaded a page first with the 5px indent, then looked at it, then changed the indent to 5em so I could see if the text moved, it did.

That was the only change I made - I left it in place here

www.greatshape.co.uk/csstest.htm

it might be a conflict with some other css

This CSS is working well in Firefox & IE6....Please increase the value from 5 to 50 or more to see the visible effect.

It is also possible that you might have defined some different class properties for "home" (i.e., "<a>","<table>", etc.) tag..Check themall...