css - Unwanted vertical HTML text - premature shrink wrap effect -


i've encountered on drupal websites, may have either zen or garland theme default css. however, life of me cannot determine why continues happen, @ random.

the best way explain view image here. happens regardless of word-wrap , white-space css settings, , @ random. it's 1 element, it's (here has happened between 'our brand' , 'submit' in menu).

the image attached inline <ul> links inside each <li>.

any insight appreciated!

screenshot of 1 occurrence

snapshot of html output

here sample of styling menu shown in screenshot:

<style type="text/css">  #navbar { float: left; height: 32px; overflow: hidden; margin-left: 0px; margin-right: -100%; padding: 0px; width: 100%; }  #navbar ul { margin: 0px; padding: 0px; text-align: left; }  ul.links li { display: inline; list-style-type: none; padding: 0px 0.5em; }  #navbar li { float: left; padding: 0px 20px 0px 0px; }  #primary { text-decoration: none !important; white-space: pre !important; }  </style> 

have @ actual page sourse (not using firebug) make sure text entered normally. use of white-space: pre; cause preserve whitespace. should white-space:nowrap;


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -