Safari rendering table very strange

I am trying to create a small开发者_如何学Python todo application for a project, and it works how i want it in firefox. However when i view the website in safari and hover over one of my todo items very strange table borders show up. The hover also does not work as well as it does in firefox. Unfortunately for me the teacher is making in safari.

Here is the website link. http://webdesign3.georgianc.on.ca/~100128247/sem3/web_content/part2/

All help would be much appreciated

Now your td's have overflow:scroll and that's why scrolls show up. You have to change it to:

td{
overflow:hidden;
}