Safari rendering table very strange

Question

Hi

I am trying to create a small 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

Answer 1

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

td{
overflow:hidden;
}