# Padding breaks table in IE7 not Firefox 2.0

**URL:** https://forum.kirupa.com/t/padding-breaks-table-in-ie7-not-firefox-2-0/213731
**Category:** Uncategorized
**Created:** [January 22, 2007, 8:36pm UTC](https://forum.kirupa.com/t/padding-breaks-table-in-ie7-not-firefox-2-0/213731 "2007-01-22T20:36:44Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![jcwilde1](https://avatars.discourse-cdn.com/v4/letter/j/46a35a/32.png) [@jcwilde1](https://forum.kirupa.com/u/jcwilde1)
#### Post date: [January 22, 2007, 8:36pm UTC](https://forum.kirupa.com/t/padding-breaks-table-in-ie7-not-firefox-2-0/213731/1 "2007-01-22T20:36:44Z")

</div>

I have a table in which there are tabs along the top. I am centering the links within the tabs and in order to get it to look, but my problem is in the first \<td\>. The top image is how it looks in Firefox and how it looks if I take the class=“tabs” out of the first cell (or remove the padding-bottom=“2” from the class. The second one is when I put that class in the first cell. Any solutions on how to get it to look the top image in both browsers.

THE CSS:

```auto

td.tabs{
background-image:url(images/nav_tab_default.gif);
background-repeat:no-repeat;
font-size:12px;
vertical-align:bottom;
text-align:center;
[COLOR=Red]padding-bottom:2px;[/COLOR]
}

a.nav_tabs{
color:#000000;
text-decoration:none;
}

```

THE HTML:

```auto
  
           <tr>
              <td height="24" width="101" class="tabs"><a href="" target="_self" class="nav_tabs">Dashboard</a></td>
              <td width="101" class="tabs"><a href="" target="_self" class="nav_tabs">Contacts</a></td>
              <td width="101" class="tabs"><a href="" target="_self" class="nav_tabs">Companies</a></td>
              <td width="101" class="tabs"><a href="" target="_self" class="nav_tabs">Opportunities</a></td>
              <td width="101" class="tabs"><a href="" target="_self" class="nav_tabs">To Do/Calendar</a></td>
              <td width="101" class="tabs"><a href="" target="_self" class="nav_tabs">User Options</a></td>
              <td width="101"></td>
              <td width="101">&nbsp;</td>
              <td>&nbsp;</td>
           </tr>

```
