Strange issue with trying to switch a header image fileq

Can't replace logo file with another file of exact same dimensions

[jdbnd]

Here's the issue: I want to replace the logo in my header with another file, of the same type (gif) and exact same pixel dimensions (239x43, as you'll see below). Yet when I try this, all I get on the site is a blank space. I cannot discern any way in which the two files are different and I have compared them every way I can think of in Photoshop. I've tried renaming the new logo file the same as the old one (logo.gif) and different. I've rebooted my WAMPserver. No difference. #*$!?

Here's the relevant HTML:

<div id="main">
<!-- allholder -->
<div class="allholder">
<!-- wrapper -->
<div id="wrapper">
<!--header-->
<div id="header">
<h2 class="vcard"><a class="org" href="<?php root_path(); ?>">blah blah blah</a></h2>
<div class="head-img">
<img src="<?php root_path(); ?>/img/head-img3.gif" alt="Put alt text here." />
</div>
</div>
<!--end header-->

Here's the relevant CSS:

/*---css reset start---*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
/* remember to define focus styles! */
:focus{outline:0;}
body{
line-height:1;
color:black;
background:white;
}
ol,ul{list-style:none;}
/*---css reset end---*/
html{
font-size:100.01%;
}
body{
background:#b8e2e2;
font-size:62.5%;
font-family:Helvetica,Arial,sans-serif;
}
img{
display:block;
}
#main{
width:918px;
margin:0 auto;
overflow:hidden;
background:#fff;
}
#wrapper{
width:729px;
overflow:hidden;
float:left;
position:relative;
}
/*-- header --*/
#header{
width:720px;
height:100px;
background:url(http://www.example.com/img/bg-header.jpg) no-repeat 0 0;
overflow:hidden;
}
#header h2{
width:239px;
height:43px;
margin:0 0 0 17px;
overflow:hidden;
padding:33px 0 0;
float:left;
display:inline;
}
#header h2 a{
display:block;
width:239px;
height:43px;
text-indent:-9999px;
background:url(http://www.example.com/img/logo.gif) no-repeat 0 0;
}
#header div.head-img{
float:left;
width:464px;
height:100px;
overflow:hidden;
}
/*-- end header --*/

Any thoughts?

[jdbnd]

Never mind.... was having a root_path versus hardcoded URL issue....