How can I wrap content around a UL CSS Menu so content is seamless? -


thanks help

here's finished code ie, firefox, safari , chrome: http://jsbin.com/eyoda4


i created simple css ul drop down menu, when user hovers on designated link, menu drop down user select option.

the issue i'm having i'd content wrap around ul menu ul appears seamless/flush within content without breaks in content.

this demo of issue , code. can see content doesn't wrap around ul.
demo: http://jsbin.com/uzidu4/

this demo visual of how i'd content wrap around menu.
note: example won't work, because no ul present in example - visual
demo: http://jsbin.com/uzidu4/2/

thank help!

(answering update here)

to make work in ie7, can add this:

<!--[if ie 7]> <style> .inline-list, ul.program-menu li {   display: inline;   zoom: 1 } </style> <![endif]--> 

i recommend adding stop annoying text jump when hover on drop down:

ul.program-menu li {     position : relative;     border-top: 1px solid #fff;     border-left: 1px solid #fff;     border-right: 1px solid #fff } 

(i tried transparent, screwed menu in ie7)

http://jsbin.com/uzidu4/21


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? -