Proble with CSS .

[fpimentel]

I have the following CSS:

h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
    }
 
hr {
    border:none;
    border-top:1px solid #CCCCCC;
    height:1px;
    margin-bottom:25px;
    }
 
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
    position:relative;
    height:56px;
    color:#E0E0E0;
    background:#143D55;
    width:100%;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    }
 
#dolphinnav{
    position:relative;
    height:33px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    background:#fff url('/Imagenes/dolphin_bg.gif') repeat-x left bottom;
    padding:0 0 0 20px;
    top: 0px;
    left: 0px;
}
 
#dolphinnav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    float:left;
    }
 
#dolphinnav ul li{
    display:block;
    float:left;
    margin:0 1px;
    }
 
#dolphinnav ul li a{
    display:block;
    float:left;
    color:#EAF3F8;
    text-decoration:none;
    padding:0 0 0 20px;
    height:33px;
    }
 
#dolphinnav ul li a span{
    padding:12px 20px 0 0;
    height:21px;
    float:left;
    }
 
#dolphinnav ul li a:hover{
    color:#fff;
    background:transparent url('/Imagenes/dolphin_bg-OVER.gif') repeat-x bottom left;
    }
 
#dolphinnav ul li a:hover span{
    display:block;
    width:auto;
    cursor:pointer;
    }
 
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
    color:#fff;
    background:#1D6893 url('/Imagenes/dolphin_left-ON.gif') no-repeat top left;
    line-height:275%;
    }
 
#dolphinnav ul li a.current span{
    display:block;
    padding:0 20px 0 0;
    width:auto;
    background:#1D6893 url('/Imagenes/dolphin_right-ON.gif') no-repeat top right;
    height:33px;
    }

at the time that this CSS to assign a <UL> dont present all image that i put into CSS. look how i use the CSS:

  <div id="dolphincontainer">
                  <div id="dolphinnav">                    
                        <ul>
                          <li><a href="http://www.free-css.com/free-css-menus.php" class="current"><span>Link 1</span></a></li>
                          <li><a href="http://www.free-css.com/free-css-menus.php" class="current"><span>Link 2</span></a></li>
                          <li><a href="http://www.free-css.com/free-css-menus.php" class="current"><span>Link 3</span></a></li>
                          <li><a href="http://www.free-css.com/free-css-menus.php" class="current"><span>Free CSS Menus</span></a></li>
                          <li><a href="http://www.free-css.com/free-css-menus.php" class="current"><span>Link 5</span></a></li>
                          <li><a href="http://www.free-css.com/free-css-menus.php" class="current"><span>Link 6</span></a></li>                          
                        </ul>
                  </div>
               </div>

[YarrOfDoom]

Seems to me like you made a typo on line 32, unless '/Imagenes/dolphin_left-ON.gif' is actually the way you wanted to spell it :)

Also, why are you only using 3 characters ('#fff') to define a color? Shouldn't there be six?