Ok i managed to narrow the problem down to the highlighted line in this code
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
/*li a {margin:0;padding-left:2em;display:block;}*/
li a:hover {background:#FFBD3B;}
Once this line is commented out, my navCatTabs is normal, however you can see the spacing in the footer menu is eliminated and everything seems squeezed in the footer(no padding). Any ideas where I can start this, do I just need to re-write this line and if this is the fix how can I re-write it so it does not effect navCatTabs.
Many thanks
Bookmarks