Hello there, my first thread

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

Code:
<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:
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!