I read few articles on float used with nested divs but I’m unsure as to where the real culprit is…
The following is the html I’m using ..It works everywhere but in IE7.
The fiddle link is http://jsfiddle.net/7NynC/8/
Hope some html souls to make this life easier.
IE7 is sort of screwy in that respect. If you want your right-floated elements to stay on the same line, you’ll need to place them higher in the markup, i.e. before the element to which it’s supposed to appear adjacent. (fiddle)