Paul Jones
New Member
There are a lot of varying length tag divs in tag wrapper div. There isn't any problem for IE8,9, FF,Chrome,Safari and opera but it broken for IE7. How can I fix this issue?HTML:\[code\]<div class="tag-wrapper"> <div class="tag"><a href="http://stackoverflow.com/questions/14476491/#">text text text</a></div> <div class="tag"><a href="http://stackoverflow.com/questions/14476491/#">text text</a></div> <div class="tag"><a href="http://stackoverflow.com/questions/14476491/#">text text</a></div> <div class="tag"><a href="http://stackoverflow.com/questions/14476491/#">text text text</a></div> <div class="tag"><a href="http://stackoverflow.com/questions/14476491/#">text text text text</a></div></div>\[/code\]CSS:\[code\].tag-wrapper{ float: left; height: 200px; padding: 12px 12px 12px 20px; width: 500px; overflow:hidden; border:1px solid #000; }.tag-wrapper .tag{ background:url(img/corner02.png) no-repeat 0 0; vertical-align:middle; padding: 0 0 0 10px; display:inline-block; height:24px; margin: 0 10px 9px 0; float:left; }.tag-wrapper .tag a:link{ width:auto; overflow:visible; height:24px; line-height:24px; padding:0 5px 0 5px; background:#F00; float:left; color:#FFF; text-decoration:none; font-weight:bold; }.tag-wrapper .tag a:hover{ color:#000; }\[/code\]Screenshot for IE8,IE9,Chrome,Firefox,Safari,Opera
Screenshot for IE7
http://jsfiddle.net/B7Tjw/2/