>I have Html like this:
>
>
><!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?
Hard to say. Best look at that element in the Safari WebInspector and see what's going on......
