The CSS should go in the head, and the Javascript can be placed at the very end of the page right before the closing body tag.

Failing that, you can put the JS right below the CSS in the head tag.

are you using $(document).ready() ?

Yes I am using the Document ready. It may not be that the CSS is loading slow but I have my doubts when I refresh and it operates the same.

if this is what is in question, put the CSS inline instead of linking it in order to help debug. if things work peachy when doing this, then your problem lies in the importing of the css file. css first, before the js.

if things are still broken, its your code.