Hello everyone; I am trying to use tabs in my site for navigation. When I view the site in FF, it looks and works perfectly. However, in IE, this is what it looks like:
http://tinyurl.com/d79rrj Contents of site/html source: <!-- START --> <!DOCTYPE html> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" / > <link href="/favicon.ico" type="image/x-icon" rel="icon" /> <link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /> <link rel="stylesheet" type="text/css" href="/css/jquery- ui-1.7.1.custom.css" /> <link rel="stylesheet" type="text/css" href="/css/ext.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jqueryui/1.7.1/jquery-ui.js"></script> </head> <body> <div id="content-body"> <script type="text/javascript"> $(document).ready(function() { $('#home').tabs(); }); </script> <!-- LOGO img src --> <div id="home"> <ul> <li><a href="/welcome">Home</a></li> <li><a href="/about">About Us</li> <li><a href="/services">Services</li> <li><a href="/portfolio">Portfolio</li> <li><a href="/contact">Contact Us</li> </ul> </div> </div> </body> </html> <!-- END --> Contents of ext.css: <!-- START --> #content-body {color:#44A2C9;height:480px;width:960px;margin- left:auto;margin-right:auto;} <!-- END --> Does anyone know what's causing this? I've tried everything and nothing fixes this. Thanks for the help. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
