biggieuk Posted August 17, 2011 Share Posted August 17, 2011 Hi all, Here is my problem: http://jsfiddle.net/faRur/2/ I have a horizontal menu which opens up a dropdown sub menu when hovered over. I want to float each separate UL list inside the 'sub-menu-content' div however they are displaying as a long list. As the sub menu data is dynamic I cannot define a width for the 'sub-menu' div (which when defined seems to work ok). Any ideas please? Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted August 18, 2011 Share Posted August 18, 2011 remove position relative from line 16 #nav li { float: left; /* position:relative; */ } keep in mind the container (holding the <ul>'s) does not have a min-width so if the container becomes to narrow it will pop each <ul> on a new line Quote Link to comment Share on other sites More sharing options...
biggieuk Posted August 18, 2011 Author Share Posted August 18, 2011 Thats done the trick. Thanks very much! Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted August 18, 2011 Share Posted August 18, 2011 your welcome, I marked your topic solved (little button left bottom corner) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.