Plenty of other things on the page are using the absolute positioning as well, but for some reason the "vote" and "profile" buttons are displaying several hundred pixels to the right and about fifty pixels up in Internet Explorer 9/10 (8- is not an issue here). There is no styling in the HTML, it's all right here. Anything that stands out? Thanks!\[code\] .contain{ margin-left:-65px; margin-top:-85px; position:absolute; } .video_display1{ background-color:#333; width:250px; height:200px; margin-top:40px; margin-left:88px; display:inline; } .profile1{ width:49px; height:12px; margin-left:87px; margin-top:3px; position:absolute; } .vote1{ margin-top:3px; margin-left:240px; position:absolute; } .display_vote1{ margin-left:295px; margin-top:2px; font-size:11px; position:absolute; }\[/code\]And here's the HTML:\[code\] <span class="contain"> <iframe class="video_display1" width="250" height="200" src=""> </span> <span class="profile1"><img src=''/></span> <span class="vote1"><input type="image" src=''/></span> <span class="display_vote1"></span> </span>\[/code\]And the DOCTYPE:\[code\] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\[/code\]
CSS not working properly in Internet Explorer? (absolute positioning)
- Thread starter Naseerart
- Start date