new image colour does not appear in browser

[crmpicco]

I have opened a GIF file in PS CS2 and changed the colour of each of the pixels (to #008800 from #003300) - however if you look at the 4 tabs that are not selected on the following URL you'll see that they are not the same colour as the tab itself???

http://www.ayrshireminis.com/index2.php

The new name of the file is "tab-right-green-new.gif".


#tabs li {
float: left;
list-style: none;
background: #008000 url(/mini/images/tab-right-green-new.gif) top right no-repeat;
padding:0;
margin:0 5px 0 0;
}
#tabs li.on {
background-color: #003300;
}
#tabs li a {
background:url(/mini/images/tab-left-green.gif) top left no-repeat;
display: block;
float: left;
width: 7em;
line-height: 1.7em;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}


Picco
:confused:

[Centauri]

This is because the image colour palette only contains 16 colours, none of which are green. In photoshop, with the image open, select on the menu Image > Mode > Color Table and you will see the green is not there. Click on one of the black colours and change it to the green required - then you can recolour the pixels.