HorkrackArore
New Member
I have the following setup:\[code\]<div style="position: fixed; margin: 0px; background-color: black; height: 100px; width: 100%;"> <input type="text" style="position: absolute; display: block; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: 30px 30px 15px 30px;" /></div>\[/code\]The intent is to stretch the tag to fill the containing \[code\]<div>\[/code\] tag's space (less margins, of course). This works in all latest browsers if I change the \[code\]<input>\[/code\] tag to a \[code\]<div>\[/code\] tag, but as shown here this only works in WebKit browsers (Chrome and Safari). Is there any way to get the desired effect in FF and IE9+ (just IE10 would be sufficient)?