Jquery breaking layout

[brunoskrebs]

Hello there, my first thread :)

How come a JQuery function (plain javascript) imported with:


<script type="text/javascript" language="javascript" src="js/tabela.js"></script>


Can break my layout? Like this, I have a big table (sorry no tables yet) that contains all the data from my site, and it has a background-color like grey, and when I import this script firefox AND internet explorer shows a white line in the very bottom of the page. And when I remove this import the white line disappears...

tabela.js code:

$(document).ready(function() {
$(".linhaColorida").mouseover(function() {
$(this).animate({ backgroundColor: "#f1d7d7" }, "fast");
});
$(".linhaColorida").mouseout(function() {
$(this).animate({ backgroundColor: "white" }, "fast");
});
$(".data").datepicker();
});

What could I be doing wrong?

Thanks in advance!