Float right and width of inline-block element

http://jsfiddle.net/zerkms/4zJyw/1/

In all major browsers, except of IE7, the example works as expected - the parent div has total width of 100px, but in IE7 in some reason it stretches for all width.

And this happens only if v element has float: right

What am I missing?

Answers


The only way I could sort this out was to use position:relative on the parent, and position:absolute; right:0 on the div with the 'v' inside it.


Need Your Help

Ember.js: Where does this method go?

javascript ember.js handlebars.js

Coming to Ember from Rails, one of the places I'm struggling is trying to figure out Ember's definitions of models, views, and controllers.

ubuntu servers - what do i need to do to keep it uptodate

linux ubuntu

I am setting up an ubuntu server and want to know what I should be doing on it regularly.