.popup {
left: 40%;
top: 40%;
background: blue;
}
#specificPopup {
right: 1em;
top: 1em;
left: none;
}
<div id="specificPopup" class="popup">hello</div>
I need help overriding the “left” property. Setting it to none did not remove it. So what the div looks like now is its left edge is 40% off the left edge of the screen and its right edge is 1em off the right edge of the screen. If the left property were somehow removed, the width of the popup would would expand/contract accordingly to what was inside.
On a related note, how do I completely reset an element? I used a whole bunch of fancy CSS3 stuff to style a <button>. It looks fine in modern browsers but IE7 and below make the <button> appear like it came out of Windows 95. Conditionally resetting it for IE7+6 to the default <button> would make it suitable.