I have a nav menu that has a dropdown, and in that dropdown there can be an indeterminate number of \[code\]<ul>\[/code\] that need to sit left of each other and the parent li grow and shrink dependent on the number of \[code\]<ul>\[/code\].This works fine in chrome but in Firefox the \[code\]<ul>\[/code\] sit beneath each other, what am I doing wrong?Here is a fiddle, to see the drop down hover over brandhttp://jsfiddle.net/QUK8C/