Css on Firefox - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Css on Firefox

  • Css on Firefox
  • Hello,

    I guess this is more of a plain css question, but its the last thing I have to get done for the site and I just have not been able to fix it...

    My webpages looks completely fine on IE, but on Firefox, the side navigation bar is larger so it goes on top of the border. I attached sone pictures to show what I mean. It looks like something so trivial, but I just have not been able to get it right, this is my CSS code for that section:

    * - Sub Navigations - */    
    .sub nav
    margin-left: 50px
    .sub-nav li    
    list-style-type: none;  
    background: #fff url("/Amerex/images/icons/arrow-right-gray-white.gif") no-repeat ;
    background-position: right 50%;
    .sub-nav li a
    margin-left: 50px;
    display: block
    padding: 6px 0 0 0
    text-decoration: none;  
    color: #231f20
    font-size: .9em;
    text-align: left !important;
    border-bottom: 1px solid #e5e5e5;
    width: 135px;
    .sub-nav li a:hover,.sub-nav li a:focus,.sub-nav li a.active   
    background: #fff url("/Amerex/images/layout/arrow-right-blue-white.gif") no-repeat right 8px;   
    color: #034C8E;


    anyone knows what might be the problem??





  • Install the firebug firefox addon, then you can right-click to inspect the html for that nav...you can tweak the html\css in the browser on the fly and figure out the exact style problem pretty fast :)

  • Hi,

    We were unable to reproduce the issue. The problem probably comes not from the CSS of the navigation, but from the context element positioning. Can you provide us a link to a live server, so we can check the things in place?

    Best wishes,
    the Telerik team