Results 1 to 2 of 2

Thread: menu not lining up

  1. #1
    Join Date
    Jun 2008
    Posts
    13

    menu not lining up

    http://www.myuberdesign.com/test/

    another browser problem, IE shows the menu lined up correctly, but firefox and safari are showing it dropped down some, anyone got any ideas.

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    It's because you have your image buttons inside ul and li tags and unfortunately browsers give ul tags different top and side (indents) margins.

    Luckily the cure was simple, add margin-top: 0; in the stylesheet:-

    /* ----------------------------- start #nav ----------------------------- */
    #nav { margin-top: 0; }
    #nav img {...............
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Nested Horizontal Menu
    By jeffreymerrell in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 27 Apr 2006, 03:12 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •