Fit into div in CSS

Posted by Teodoris on Stack Overflow See other posts from Stack Overflow or by Teodoris
Published on 2012-09-29T09:17:31Z Indexed on 2012/09/29 9:37 UTC
Read the original article Hit count: 154

Filed under:

Hello everyone my menu bar can't fit into my <div> area at different browser. I have checked with Opera and Chrome it looks fine but with Explorer and Firefox my menu can't fit.

And my menu is in this <div> tag:

.page {
     width: 964px;
    margin-left: auto;
    margin-right: auto;
    background-image:url(../images2/images/orta_alan_bg_GOLGE.png);
    background-repeat:repeat-y;
}

Here is my menu:

ul#menu {       
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: center;       
}

ul#menu li {
    display: inline;
    list-style: none;
    font-family: 'Museo300Regular';
    font-size:17px;
    font-style:normal;        
}
ul#menu li a 
{        
    background-image:url(../../images2/images/menu_bg_normal.jpg); 
    background-repeat: repeat;
    padding: 5px 19px 5px;        
    font-weight: normal;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #FEFEFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
      cursor:pointer;          
}

So what is the problem why it can't fit into with Explorer and Firefox?

I attach an image you can understand what I mean

enter image description here

Here is the Chrome and Opera it can fit

enter image description here

© Stack Overflow or respective owner

Related posts about css