css - DIVs after a float left element on explorer appears after that element (not underneath) -


Both boxes are in the side in IE 7, while "B" is below "a" on other browsers (where it should be there)?

  & lt; Html & gt; & Lt; Top & gt; & Lt; Style type = "text / css" & gt; .a {float: left; Width: 100px; Height: 50px; Background color: #CCC; } .b {width: 75px; Height: 75px; Background color: # F00; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "a" & gt; A & lt; / Div & gt; & Lt; Div square = "b" & gt; B & lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Use Try-it Editor for a Live Preview (copy-paste my code):

Edit: I want to fix on IE I do so, things like FF, Chrome, Safari, etc.

thanks


Comments

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

php - multilevel menu with multilevel array -

jQuery UI: Datepicker month format -