jquery datatable styling issue

[ragtek]

Anybody tried to implement http://www.datatables.net/styling/themes/redmond into xenforo?


I've added:

<script type="text/javascript" src="js/ragtek/jquery.datatable.js"></script>
<style type="text/css" media="screen">
			@import "http://www.datatables.net/release-datatables/media/css/demo_table_jui.css"
</style>

to my template but it's very strange (it's not centered and there is a scrollbar:




If i add

[SIZE=4][FONT=Times New Roman]/*
			 * Override styles needed due to the mix of three different CSS sources! For proper examples
			 * please see the themes example in the 'Examples' section of this site
			 */[/FONT][/SIZE]
			.dataTables_info { padding-top: 0; }
			.dataTables_paginate { padding-top: 0; }
			.css_right { float: right; }
			#example_wrapper .fg-toolbar { font-size: 0.8em }
			#theme_links span { float: left; padding: 2px 10px; }

to the style part, the table is complete removed, but on the datatable page they write, that this code is needed(see comment^^)


Anybody tried it and had more luck with this?