Every now and then, this thing decides to work but most of the time it just doesn't. I have multiple tables in my application and the CSS is functioning properly for all of them. There's literally no difference with this one table, yet the CSS refuses to cooperate, for reasons unknown. Assistance would be greatly appreciated.
table.catalogContainer
{
border: none;
padding: 50px;
margin-left: 100px;
margin-right: 100px;
margin-top: 50px;
margin-bottom: 50px;
}
td.catalogCell
{
border: none;
padding: 30px, 20px, 50px, 20px;
}
<div id = "catalog">
<table class = "catalogContainer">
<% while ((category = Helper.GetNextCategory(categoryIndex++)) != null)
{ %>
<tr>
<td class = "catalogCell">
<img src = "../../Content/Category.gif"
width = "25px" height = "25px" alt = "Category" />
<b>
<%= Html.ActionLink(category.Name,
"DisplayCategory",
"Catalog",
new { id = category.Id },
null) %>
</b>
</td>
<td>
</td>
</tr>
<% } %>
</table>
Update
Good news! I've identified the issue. The lingering border on the table was actually caused by the second td element which had not been assigned the appropriate class yet.