2 Replies Latest reply on Apr 13, 2010 6:20 AM by BOC_RUSH

    padding (?) too big in FF and too small in IE

    BOC_RUSH

      Hello All

       

      I have a (what I think is) padding problem in FF adn IE - I would have expected at least one browser to be OK but both are not. as you can see in this screenshot the left FF and the right IE

       

      ff_ie_hover.jpg

       

      I am unsure how to fix this.. Ive tried everything - that blue there is "active" and it happens to all the hovers in the top menu and the submenu (not pictured here) - I anyone wants to help me I can post the CSS or email the CSS -

       

      Thanks you

      R

        • 1. Re: padding (?) too big in FF and too small in IE
          Mike_Watt

          Yeah, cross browser problems NEVER surprise me.

          Can you post some code?  It would be much easier to see what's going on that way.

          • 2. Re: padding (?) too big in FF and too small in IE
            BOC_RUSH Level 1

            Note: I couldnt get into this forum via the Adobe site, I googled my subject and got in that way . Yesterday I couldnt reply to Michael because it said I couldnt post empty content - just FYI for those seeing this. I could report it if thats needed.

             

            Michael - here is the nav css:

            /* Navigation start */

            #topnav {      padding:6px 0px 4px 0px;      font-weight: bold;      background: #f00 url( http://www.ctsinternational.com/App_Themes/Styles/MenuImages/menubar.gif) top no-repeat;      height: 17px; }

             

            #topnav ul {      margin: 0px;      padding: 0px;      list-style-type: none;      position: relative; }

             

            #topnav ul li {      margin: 0px 25px 0px 0px;      float: left; }

             

            #topnav ul li a {      color: #ffffff;      font-weight: bold;      text-decoration: none;      padding: 12px 9px 4px 9px; /* space between word on top menu */ }

             

            #topnav ul li a:hover {       background-color: #eeeeee; /* hover color of top menu */      color: #000;    }

             

            #topnav ul li a.active {      background: #cccccc url( ../images/green/menu_hover_blue.png);      color: #fff; }

             

            #topnav ul li ul {        display: none; }

             

            #topnav ul li:hover ul {      display: block;      position: absolute;      top: 15px;      left: 0px;      width: 900px;      padding: 10px 0px 0px 0px; /* vertical positioning of drop down text*/ }

             

            #topnav ul li ul li {      display: inline;      margin: 0px; }

             

            #topnav ul li ul li a {      color: #000000;      padding: 8px 10px; /*positioning of drop down text*/ }

             

            #topnav ul li ul li a:hover {      color: #000;      background: #eeeeee;  }

             

            #topnav ul li ul li ul, #topnav ul li ul li ul li,

             

            #topnav ul li ul li ul li a {      display: none; }

             

            /* Navigation end */

             

             

            Thanks

             

            Rob