jquery选项卡在ie 7中不起作用

我正在尝试在一个网站中使用Jquery选项卡，并对它们进行了一些样式化。。。我已经请一位朋友检查它在ie 7中的外观，结果它变糟了。。。所有标签

元素都以无序列表的形式出现

以下是它们在所有当前浏览器中的外观和功能：

这是他们在ie 7中的样子

另一个问题是，非选定选项卡中包含的元素应保持隐藏，而选定选项卡的内容应显示在其下方。。。整个系统在ie中被破坏，只显示所有未选中选项卡的内容

守则：

<div class = 'midContentContainer'>
                <div id = 'buttonAddBlog'>
                    <a href = '#tabs-3'></a>
                </div>
                <div id="tabs">
                  <ul>
                    <li><a id = 'tab1'href="#tabs-1">Questions</a></li>
                    <li><a id = 'tab2'href="#tabs-2">Blogs</a></li>
                    <li><a id = 'tab3'href="#tabs-3">Create Your Own <span style = 'color:#0499ff'> NEW! </span></a></li>
                  </ul>

                  <div id="tabs-1">
                    <p style = 'font-size: 14px; font-family: "Helvetica Neue",sans-serif; color: #444;'> Ask any academic question and our Quick GPA team and active community will respond in a timely manner. Whether it's tips on school, math equations, or even philosophical studies, we are there to make sure you get the answer you need. </p>

                    <br/>
                    <div class = 'createYourOwnText' style = 'background-color: #fefefe; padding: 10px; border: 1px dashed #1585b8;'>
                        <strong> Ask your own question by clicking the 'create your own' link above! </strong>
                        </div>
                    <h3 id = 'questionsHeader'> Questions </h3>


                   <?php
                            $allPostsArray = retrieveAllPosts();
                            displayAllPostsFrom($allPostsArray);
                        ?>
                        <div class = 'dialog'>
                        </div>
                  </div>
                  <div id="tabs-2">
                    <p style = 'font-size: 14px; font-family: "Helvetica Neue",sans-serif; color: #444;'> Read our wide variety of blogs, written by both the Quick GPA Team and our active community. These cover all spectrums of academics. Now, you can create your own blog to be posted on our site. </p>

                    <br/>
                    <div class = 'createYourOwnText' style = 'background-color: #fefefe; padding: 10px; border: 1px dashed #1585b8;'>
                        <strong> Create your own article by clicking the 'create your own' link above! </strong>
                        </div>
                    <h3 id = 'questionHeader'> Articles </h3>
                    <?php
                        $allPostsArray = retrieveAllArticles();
                        displayAllArticlesFrom($allPostsArray);
                    ?>

                  </div>
                  <div id="tabs-3">
                    <div id = 'tabs2'>
                        <ul style = 'text-transform: uppercase;'>
                            <li><a id = 'tab1'href="#tabs-4">Ask a Question</a></li>
                            <li><a id = 'tab2'href="#tabs-5">Write a Blog</a></li>
                          </ul>
                            <div id = 'tabs-4' style = 'height: 460px;'>
                            <form action = "insertBlog.php" id = 'questionInsertForm' method = 'post'>
                                    <span style = 'font-size: 15px; font-weight: bold; font-family: "Helvetica Neue";'>Question</span><br/><br/>
                                    <input placeholder = 'title of your question? be specific...'style = 'border: 1px solid #bbb; width: 250px;'type = 'text' name = 'subject' ><br/><br/>
                                    <span style = 'font-size: 15px;font-weight: bold; font-family: "Helvetica Neue";'>More Detail (Optional)</span><br/><br/>
                                    <textarea name = 'body' style = 'width: 85%; height: 120px;'></textarea>
                                    <br/><br/>

                                    <input type = 'text' style= 'width: 400px; font-size: 12px;'name = 'tags' placeholder = "what's your question category"><br/><br/>
                                    <input type = 'text' style = 'width: 400px;' id = 'email2'name = 'user' placeholder = 'Your email...'> 
                                    <span id = 'questionError' style = 'font-size: 12px; color: red;font-family: "Helvetica Neue";'>
                                        <br/>
                                        Your Email information is completely hidden to users and will be used only to notify you when you get a response.
                                        <br/>
                                    </span>
                                    <br/>
                                    <button id = 'questionButton' class = 'btn blue'> Create </button>
                                </form>
                            </div>
                            <div id = 'tabs-5' style = 'height: 460px;'>
                                <form action = "insertArticle.php" id = 'articleInsertForm' method = 'post'>
                                    <span style = 'font-size: 15px; font-weight: bold; font-family: "Helvetica Neue";'>Title</span><br/><br/>
                                    <input placeholder = 'Title of your article, be specific...'style = 'border: 1px solid #bbb; width: 250px;'type = 'text' name = 'subject' ><br/><br/>
                                    <span style = 'font-size: 15px;font-weight: bold; font-family: "Helvetica Neue";'>Post</span><br/><br/>
                                    <textarea name = 'body' style = 'width: 85%; height: 120px;'></textarea><br/><br/>

                                    <input type = 'text' style= 'width: 400px; font-size: 12px;'name = 'tags' placeholder = "what's your post category"><br/><br/>
                                    <input type = 'text' style= 'width: 400px; font-size: 12px;' id = 'email' name = 'user' placeholder = 'Your email...'> 
                                    <span id = 'emailError' style = 'font-size: 12px; color: red;font-family: "Helvetica Neue";'>
                                        <br/>
                                        Your Email information is completely hidden to users and will be used only to notify you when you get a response.
                                        <br/>
                                    </span> 
                                    <br/>
                                    <button id = 'submitArticle' class = 'btn blue'> Create </button>
                                </form>
                            </div>
                        </div>
                  </div>
                </div>

                <?php include_once('includes/activeSideBar.php'); ?>

            </div>

            <?php include_once('includes/footer.php'); ?>
        </div>
    </div>
    <?php require_once('includes/facebookShareFooter.php'); ?>
</div>

---

如果它不起作用，请使用Jquery执行

<ul>
    <li class="nav_li"><a id = 'tab1'href="#tabs-1">Questions</a></li>
    <li class="nav_li"><a id = 'tab2'href="#tabs-2">Blogs</a></li>
    <li class="nav_li"><a id = 'tab3'href="#tabs-3">Create Your/li>
</ul>

$(function(){
   $(".nav_li").css("float","left"); 
})

创建您的/li>

$（函数（）{
$（“.nav_li”）.css（“浮动”、“左”）；
})

---

我已经更新了代码，试试这个

嘿，你能不能提供刚刚添加的代码，抱歉它太长了。。。我不知道我应该漏掉什么…你试过使用

Float:left属性！？将float:left属性添加到tabs div的li中，然后它就可以工作了我尝试了float:left，但它仍然出现在samenope上，我让它们水平移动，但是jquery ui的“tabs”功能仍然无法工作
<ul>
    <li class="nav_li"><a id = 'tab1'href="#tabs-1">Questions</a></li>
    <li class="nav_li"><a id = 'tab2'href="#tabs-2">Blogs</a></li>
    <li class="nav_li"><a id = 'tab3'href="#tabs-3">Create Your/li>
</ul>

$(function(){
   $(".nav_li").css("float","left"); 
})