Float breaking Organic Tabs?

[jandreoni]

Using Chris’s Organic Tabs, I seem to have found that floating something inside of the tab breaks the fluidity of the tabs. When the float is there, the tabs work, but they are jerky, and the page jumps to the top if I am scrolled to the bottom. When I use FireBug to take the float out, the tabs work as they should, nice and smooth and the page position is preserved.

Here’s my code. I’ve narrowed down which float is causing the problem and commented it in the CSS, just not sure why. Anyone have any experience with floating inside the tabs?

Here’s the dev site where you can see the tabs with the float: http://testing.jasonandreoni.com/lbc_dev/courses.php

Thanks!!

HTML

Code:

• Intro Sailing |
• Beginner Youth |
• Advanced Sailing |
• Adult Sailing

• • Introductory Sailing

    The Introductory Sailing class is focused on students ages 8~10. Class size is limited to 4 so that we can place two sailors and
    one instructor in each boat to maintain a safe and fun learning environment. Our focus is to spark an interest in sailing in young
    kids. They are encouraged to repeat this course over the course of the summer.

  • 1/2 Days  |  1-3:30 PM  |  $90
    Fill out “Intro to Sailing” application
    Session B2	July 12 to July 16
    Session B3	July 19 to July 23
    Session B4	July 26 to July 30
    Session B5	August 2 to August 6

• • Beginner Youth

    Our Beginner/Intermediate Youth course is focused on providing kids with a fun opportunity to learn and hone basic sailing skills.
    Norton Pond offers warm waters, gentle breezes, and minimal boat traffic in which to safely practice sailing. All students are issued a
    U.S. Sailing textbook from which we instruct in all the topics necessary to sail with confidence. It?s not unheard of for our students
    to be sailing solo by the end of the course! This is a full day class and students should come prepared with lunch, clothing, etc. to be
    out of the house for six hours. Ages 10 and up.

  • Full Days  |  10am – 4pm  |  $190
    Fill out “Beginner Youth” application
    Session Y1	July 5 to July 9
    Session Y2	July 12 to July 16
    Session Y3	July 19 to July 23
    Session Y4	July 26 to July 30
    Session Y5	August 2 to August 6

• • Advanced Sailing

    For those young adults who have already got the rudimentary skills down pat and want to progress in sailing we will offer a one week
    Advanced course at the end of the summer. The intent of this course is to expose students to sailing opportunities outside of Norton
    Pond. We plan to race on the pond, sail with other clubs in the ocean, get some keelboat experience, and possibly participate in some
    of the local competitions held in the mid-coast harbors. Youth who have successfully completed a Beginner/Intermediate course are
    eligible.

  • Full Days  |  10am – 4pm  |  $190
    Fill out “Advanced Sailing” application
    Session Y6	August 9 to August 16

CSS:

Code:

#organic-tabs {
padding: 10px;
margin: 0 0 15px 0;
}
#explore-nav {
overflow: hidden;
margin: 0 0 10px 0;
}
#explore-nav li {
float: left;
}
#explore-nav li.last {
margin-right: 0;
}
#explore-nav li a {
font-family: “Arial”, Helvetica, sans-serif;
font-size: 80%;
text-decoration: none;
color: #FFF;
margin: 0 10px;
text-transform: uppercase;
font-weight: bold;
padding: 5px;
text-shadow:0 1px 3px #000000;
}
#explore-nav li a:hover {
background-color: #315773 ;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#beginner, #advanced, #adult {
display: none;
}

#explore-nav li#ex-intro a.current, ul#intro li a:hover,
#explore-nav li#ex-beginner a.current, ul#beginner li a:hover,
#explore-nav li#ex-advanced a.current, ul#advanced li a:hover,
#explore-nav li#ex-adult a.current, ul#adult li a:hover {
background-color: #315773 ;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ul.courseInfo li.courseDescrip {
width: 300px;
display: block;
float: right; /* THIS FLOAT RIGHT IS BRINGING THE PAGE BACK TO THE TOP, NOT SURE WHY!!!! */
margin-right: 10px;
}

[Author]

Posts