Question

I need to write a text in an heading tag over an image, I get a strange problem, take a look ad the image above.

The css code is:

#header h1 {
    position: absolute; 
    height:19px;       
    top:105px;
    /*background-color:#OC3183;*/
    background-color:green;     
    z-index: 10000;             
    font-family: Verdana, Arial, san-serif;
    padding: 2px;
    margin-left: 26px;
    padding-left: 1px;                                             
    font-size: 12px;
    color: #FFFFFF;            
}  

as you cann see if i put the green i correctly obscure the white line below, If i use the same color (navy) I see that line…. why?

Answer 1

The hex-code for your navy color is wrong. it starts with the letter O instead of the numeral 0.

Replace

background-color:#OC3183;

with

background-color:#0C3183;

and everything should be fine.