Div takes up the full width in IE 7 (has children of a block element with a legitimate placement)

Question

I have several right block elements (anchor elements with display: block, because I need to set the height on them) inside the parent div.

There is another markup around the parent div (the parent div should act like a toolbar with links like buttons)

This layout works fine in all browsers except IE7, where instead of defining the parent div as the parent div, the div takes up the entire width of the page.

Is this a known bug in IE7? I tried applying clearfix in the parent div, but that doesn't seem to work.

I inserted the markup and CSS here: http://pastebin.com/m37ffbdf9

Answer 1

The display style property is ignored for elements whose float is set to a value other than none. Are you trying to set the position: relative by parent div?