PDA

View Full Version : Navigation wraps on MacNotebook using Safari



mpowerinternet
Mar 28th, 2011, 02:07 AM
My navaigation wraps on a MAC notebook using Safari. www.ozarkfitness.com.

The last tab groups wraps it a second line. I have changed the padding but can't figure out how to adjust to display on the MAC. Any ideas?


<?php
/**
* @package WordPress
* @subpackage Classic_Theme
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php wp_title('-', true, 'left'); ?> </title>


<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>

<!-- include jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

<!-- include Innerfade -->
<script type="text/javascript" src="/Scripts/jquery.innerfade.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#options li").hover(function () {
$(this).find("a").css({'color': '#000'});
}, function() {
$(this).find("a").css({'color': '#FFF'});
});

$('ul#slideshow-header').innerfade({
speed: 2000,
timeout: 3000,
type: 'sequence',
containerheight: '199px'
});
$('ul#slideshow-home').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '458px'
});
$('ul#slideshow-womens-fitness').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '433px'
});
$('ul#slideshow-child-care').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '433px'
});
$('ul#slideshow-why-were').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '433px'
});
$('ul#slideshow-boot-camp').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '433px'
});
$('ul#slideshow-tan').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '448px'
});
$('ul#slideshow-smoothie').innerfade({
speed: 1000,
timeout: 7000,
type: 'sequence',
containerheight: '433px'
});

$("#nav li").hover(function() {
$(this).find("ul.subnav").slideDown('fast').show();
}, function() {
$(this).parent().find("ul.subnav").slideUp('fast');
});

});

</script>

</head>

<body>

<div id="wrapper">

<ul id="slideshow-header">
<li><a href="/home/"><img src="/Images/Header/1.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
<li><a href="/home/"><img src="/Images/Header/2.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
<li><a href="/home/"><img src="/Images/Header/3.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
<li><a href="/home/"><img src="/Images/Header/4.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
<li><a href="/home/"><img src="/Images/Header/5.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
<li><a href="/home/"><img src="/Images/Header/6.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
<li><a href="/home/"><img src="/Images/Header/7.jpg" width="950" height="199" alt="Ozark Fitness Centers" /></a></li>
</ul>

<ul id="nav">
<li><a href="/home/">Home</a></li>
<li><a href="/about-us/">About Us</a></li>
<li><a href="/womens-fitness/">Women's Fitness</a></li>
<li><a href="/child-care/">Childcare</a></li>
<li><a href="#">Membership</a>
<ul class="subnav">
<li><a href="/why-were-1/">Why we're #1</a></li>
<li><a href="/membership-types">Membership types</a></li>
<li><a href="/corporate-memberships/">Corporate memberships</a></li>
<li><a href="#">Join online</a></li>
</ul>
</li>
<li>
<a href="#">Personal Training</a>
<ul class="subnav">
<li><a href="/custom-built-personal-training/">Custom built personal training</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/meet-our-trainers/">Meet our trainers</a></li>
<li><a href="/custom-built-workout/">Try a custom built workout</a></li>
</ul>
</li>
<li><a href="/boot-camp/">Boot Camp</a></li>
<li style="padding: 14px 18px; border-right: none;">
<a href="#">Group Classes</a>
<ul class="subnav">
<li><a href="/about-les-mills/">About Les Mills</a></li>
<li style="border: 0; padding: 14px 19px 5px 14px;"><font-color=#FFF>Schedule of classes:</font></li>
<li style="border: 0; padding: 14px 19px 5px 14px;"><a href="http://timetablecreator.lesmills.com/timetables/display.aspx?id=182112911611" target="_blank">NORTH LOCATION <span>- GLENSTONE & COMMERCIAL</span></a></li>
<li><a href="http://timetablecreator.lesmills.com/timetables/display.aspx?id=212811624791" target="_blank">SOUTH LOCATION<span>- BATTLEFIELD & NATIONAL</span></a></li>
<li><a href="/discover-our-classes/">Discover our classes</a></li>
</ul>
</li>
<!--<li id="more">
<a href="#" style="color:#000;">More</a>
<ul class="subnav">
<li><a href="/career-opportunities/">Career Opportunities</a></li>
<li><a href="/ofc-perks-program/">OFC Perks Program</a></li>
<li><a href="/tanning/">Tanning</a></li>
<li><a href="/smoothie-bar/">Smoothie Bar</a></li>
<li><a href="/contact-us/">Contact Us</a></li>
<li><a href="http://www.facebook.com/OzarkFitnessCenters" target="_blank">Facebook</a></li>
<li><a href="http://twitter.com/ozarkfitness" target="_blank">Twitter</a></li>
</ul>
</li>-->
</ul>
<ul id="nav2">
<li><a href="/career-opportunities/">Career Opportunities</a></li>
<li><a href="/ofc-perks-program/">OFC Perks Program</a></li>
<li><a href="/tanning/">Tanning</a></li>
<li><a href="/smoothie-bar/">Smoothie Bar</a></li>
<li><a href="/contact-us/">Contact Us</a></li>
<li><a href="http://www.facebook.com/OzarkFitnessCenters" target="_blank">Facebook</a></li>
<li><a href="http://twitter.com/ozarkfitness" target="_blank">Twitter</a></li>
</ul>