Webmaster Forum / HTML, CSS, Scripts / CSS / April 2008

Hello,

I am applying a style to a anchor tag. This anchor is created by an
ASP.NET page and is inside a list item.
I know the style is working because I applied it to the anchor in a
page that has only this.

   .Test
   {
     background-color: #101010;
     color: #E2E2E2;
     padding: 4px 10px 6px 12px;
     text-decoration: none;
     font: normal 1.2em Verdana, Geneva, sans-serif;
   }

  <a href="Test.aspx" class="Test">Testing</a>

However, when I apply it to the anchor inside the list item I don't
get the bottom margin unless I add "display: block" to the style! But
then the background is extended 100%.

I don't know what is going on. I tried everything I could think off.
Here is the code where the Test style is giving me problems:
...
<li>
 <label for="tbMessage" id="lMessage">Mensagem<span
class="Required">*</span></label>
 <textarea name="tbMessage" rows="4" cols="20" id="tbMessage"></
textarea>
</li>
<li>
 <a id="lbSubmit" class="Test"
href='javascript:WebForm_DoPostBackWithOptions(new
WebForm_PostBackOptions("ctl00$ctl00$cphSite$cfSendContact$lbSubmit",
"", true, "ContactForm", "", false, true))'>
 Send
 </a>
</li>
</ul>

Any idea why this is happening?

All I am trying to do is to make my anchor look as a simple button.

Thank You,
Miguel