Twitter bootstrap clashing with my stylesheet -

Twitter bootstrap clashing with my stylesheet -

i using twitter bootstrap , dropdownmenu not display in bluish background. when remove site stylesheet dropdownmenu displays in blue.

<div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse collapse navbar-responsive-collapse"> <ul class="nav"> <li><a href="/users/share.aspx">home</a></li> <li><a href="/users/friends.aspx">friends</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">reviews<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/users/moviereview.aspx">movies</a></li> <li><a href="/users/bookreview.aspx">books</a></li> <%--<li><a href="#">something else here</a></li> <li class="divider"></li> <li class="nav-header">nav header</li> <li><a href="#">separated link</a></li> <li><a href="#">one more separated link</a></li>--%> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">share<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/users/share.aspx">share</a></li> <li><a href="/users/groups.aspx">groups</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">personal<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/users/wall.aspx">wall</a></li> <li><a href="/users/messages.aspx">messages</a></li> <li><a href="/users/chatroom.aspx">chat room</a></li> </ul> </li> <li><a href="/users/viewsong.aspx">songs</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">tech ed<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/users/questions.aspx">questions</a></li> <li><a href="/users/askquestion.aspx">ask question</a></li> </ul> </li> <li><a href="/users/groupnew.aspx">groups</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">account<b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="/users/updateprofile.aspx"> <asp:label id="lblusername" runat="server"></asp:label></a> </li> <li><a id="loginanchor" href="loginnew.aspx" runat="server" visible="false">login</a></li> <li><asp:linkbutton id="lbadminpanel" text="admin panel" onclick="lbadminpanel_click" runat="server" visible="false"></asp:linkbutton></li> <li><asp:linkbutton id="lblogout" text="log out" onclick="lblogout_click" runat="server" visible="false"></asp:linkbutton></li> </ul> </li> </ul> <input type="text" class="search-query span2" placeholder="search" id="appendedinputbutton" onclick="clearsearchtextbox(this);" value="search friends,movies,books,groups..." style="width: 160px; margin-top:5px;" /> </div> <!-- /.nav-collapse --> </div> </div> <!-- /navbar-inner --> </div>

i don't understand why 2 stylesheets conflicting. how utilize dropdownmenu properly?

its resolved. found element colliding , removed element

twitter-bootstrap