<body>
<div id=map byondclass=map></div>
<div id=chatoutput byondclass=output></div>
<div id=chatinput byondclass=input></div>
</body>
<style>
#chatoutput{
color: #FFF;
height: 150px;
width: 350px;
background-color: #333;
border-style: ridge;
border-color: #fbe846;
border-width: 5px;
top: -200px;
}
#chatinput{
color: #FFF;
height: 50px;
width: 350px;
background-color: #333;
border-style: ridge;
border-color: #fbe846;
border-width: 5px;
border-top-style: hidden;
top: -50px;
}
</style>
Basically, when I go to position the input and output, the output is where it should be, however, the input is usually in the bottom left corner of the screen (right under the game screen) and you cannot move it no matter what you do. This has happened to me before and I am unsure what to do regarding it. According to my skills in HTML/CSS, it should work. I tried messing around with it in the Elements section, but you can't move the input at all. Is this a bug?
