CSS Panel Layout, having some trouble with IE

Hi im new to using css and iv come across a problem.

Im trying to create a css tab panel and I came across a site which had a template ready to use!

Iv modified the css and html slightly to suit the style of the site im designing, however the css tab panel renders incorrectly in IE

Here is what iv managed to create:
http://starrbuckk.googlepages.com/tab.html
http://starrbuckk.googlepages.com/tabs.css

Now I have no idea how to fix the problem for IE! As you can see its 2 pixel's at the end of the tabs which are missing, and the 1 pixel just below the introduction tab. So im wondering if you fine folks could help a newbie out?

Thanks

 

For the one on the right, try taking out the extra <td> tag at the end of this part:

<span onclick="ManageTabPanelDisplay('tab1ready','tab2ready','tab3focus','content3')">About</span>
</div>
</td><td>

Code (markup):

 

Thanks jascele! that worked like a charm!

Now I suspect the 1 pixel below the tab is going to be a little harder to solve

 

For that one below, the problem is that your bottom border for the tab is white and it extends all the way to the edge.

 

It took me a while but I think I understand what your saying, is there anyway to get the left border to 'override' the bottom border so that it show up ontop on the bottom border?

Thanks

 

I was thinking about that and I can't figure out a way to do it. Hopefully someone here knows a trick or something..

 

hmm.... would the !important function be of any use?