I added a jQuery menu tab to my page and there is a clash in the CSS, as can be seen here: http://newbie-cms.com/demo1.

I separated a page with only the jQuery tabs here: http://newbie-cms.com/demo1/channeltabs and that works fine. Also, the http://newbie-cms.com/demo1/index.html page works fine without the tabs.

But once I combine the tabs code with the videos page, the ul,li items of the tabs become displaced.

I also understand that based on my menu, the ul element should have classes ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all and li elements should have classes ui-state-default ui-corner-top. I can find the classes in the menu.css and jquery-ui.css file sbut I don't reallyunderstand how to fix this. I would apreciate help in fixing this.Thank you.