• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 398
  • Last Modified:

son of suckerfish dropdown menu problem

I am working on the creation of a son of Suckerfish CSS / JavaScript dropdown menu. As I work with several css floats the menu  somehow seems to display OK in Firefox 3.6.3 and IE8, but not in Safari. 4.0.4 In safari the last two parent menu items are no longer floating left. Been trying to fix this with CSS and or HTML. No joy. Help me out here. Here is the link to the website: http://lab.imagewize.net/bbm/index.html
0
rhandalthor
Asked:
rhandalthor
1 Solution
 
remorinaCommented:
Hi rhandalthor,
The <div> containing the submenu was missing its closing tag causing the misbehaviour in Safari

You just need to close the <div> and it should work well.

Cheers


<ul id="nav">
                        <li class="home"><a href="index.html">Home</a></li>
                        <li class="about"><a href="about.html">About</a></li>
                        <li class="services"><a href="services.html">Services</a>
                            <div class="clear">
                                <ul>
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#">Corporate</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="rates"><a href="rates.html">Rates</a></li>
                        <li class="contactus"><a href="contact.php">Contact us</a></li>
                    </ul>

Open in new window

0
 
rhandalthorAuthor Commented:
Thanks! Missed that one.
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now