Actually, I took a screenshot in FF and IE.
FF = 229px in Width
IE = 261px in Width.
Neither are actually 50px. You said you have "width: 50px;" above but I see this as your CSS:
HTML Code:
.sidebar_heading
{
background-color: #ff0000;
color: #ffffff;
font-size: 16px;
height: 50px;
}
I see no "width" but I do see a "height".
I want to point out some other errors.
You have:
HTML Code:
<tr class="sidebar_content"><td>
This site is dedicated to bring you only the finest of webpages.
Shouldn't this be:
HTML Code:
<tr class="sidebar_heading"><td>
This site is dedicated to bring you only the finest of webpages.
OR
HTML Code:
<tr><td class="sidebar_heading">
This site is dedicated to bring you only the finest of webpages.
You have:
HTML Code:
<td height="50px">Google Search</td>
You can't use "px" in a <td> tag. You can do:
HTML Code:
<td height="50">Google Search</td>
Or us inline CSS:
HTML Code:
<td style="height: 50px;">Google Search</td>