Some theme image issues...

[Bluefin221]

I have heavily customised a theme that I'm doing for my site however I'm running into some problems with images showing in the header and footer and was wondering if someone could possibly help?

For the header I have the following within the style variable editor: url(images/styles/TimeTraveler/style/navBG.gif) this is within nav_tab_background

The problem here is it shows the blue part and not the black part, image can be seen here: http://www.completegaming.net/forums/images/styles/TimeTraveler/style/navBG.gif

My header: http://oi57.tinypic.com/11qof9l.jpg it should obviously show black where it says new posts but I cannot get it to show, this despite it showing with the exact same coding for another site.

In regards to the footer, exact same problem, on another site it shows but on this site it doesn't.

Footer Code:

<style>
.footerNav li {
display:block;
background: url(images/styles/TimeTraveler/style/footerNavSplit.gif) no-repeat top right;
float: left;
padding-left:10px;
height: 29px;
}
.footerNav a:link, .footerNav a:visited {
display: block;
float: left;
color: white;
text-decoration: none;
font-size: 13px;
font-style: normal;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
}
.footerNav a:hover {
display: block;
float: left;
color: white;
text-decoration: none;
font-size: 13px;
font-style: normal;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
}
</style>

<div class="footerNav" style="color:#FFFFFF;"><div class="footerNavLeft"><div class="footerNavRight">
<div class="skinSelect">
<form style="position:relative; top:-3px;" action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">

[Bluefin221]

Does anyone have any ideas? Doing my head in, here is a link to the site: http://www.completegaming.net/forums/forum.php

Header menu and footer menu.