<!DOCTYPE html> <html id="LXHtml"> <head id="LXHead"><Link Rel="STYLESHEET" HRef="bootstrap.min.css" Type="text/css"></Link> <Style> .MenuNew { font-weight: normal; font-size: 13px; white-space: nowrap; margin-left: 5px; margin-right: 5px; } .dropdown:hover .dropdown-menu { margin-top: 4px; } .dropdown-toggle { color: #666666; } .nav { color: #666666; font-weight: normal; font-size: 13px; display: table-cell; line-height: 9px; } .nav-pills>li>a:hover { background-color: transparent; opacity: 0.5; color: #666666; } .nav-pills>li>a { padding: 4px; border-radius: 0px; opacity: 1; } .nav>li>a:focus { color: #666666; background-color: transparent; } </Style> <FONT CLASS=MenuNew> Recherche</a> | <ul class="nav nav-pills"> <li class="dropdown">Recent</li> </ul> </font>In IE, Firefox and Chrome, the Recent item in standing on the same line. In Safari, this is wrapping. Anyone would have any idea on how to avoid the wrapping?