IE problem

[Demonic]

I got this DIV right

 

<div id='alert'>
	<span></span><br /><input type='button' onclick='ok();' value='OK' />
	<div class='clear'></div>
</div>

 

In IE the input box doesn't want to show up, why is that?

 

div#alert
{
position: absolute;
border: 2px solid #32332D;
background: #1B1B19;
width: 200px;
left: -50%;
margin-left: -100px;
color: orange;
}
div.clear
{
clear: both;
}

 

Kinda sucks

 

Note -left:50%, im using javascript to make it left: 50% so don't worry .

[moberemk]

This is one of those questions where samples just don't help that much. Inheritance properties can make everything so much more muddled that it can screw things up very far down the line. Maybe the margin-left property is pulling it off the page?

[ToonMariner]

when you say its not showing up... if you held the mouse button down can you select the stuff???

 

if so its the 'hasLayOut problem - this page will help with that - http://www.satzansatz.de/cssd/onhavinglayout.html

[Demonic]

its just the input button wont display I have to alternative to a image which I dont want but must.