Question: In my website I want to be able to put the two text boxes (in the top left hand corner) over the other boxes made from CSS. But because I'm not that good yet I am not sure what to do. Please could you help me?

Visit here to see what I mean - <http://jsfiddle.net/xiiJaMiiE/RGp5x/>

```
<h1>
    <input type="text" name="textbox1" size="20" height="50"/>
    </br>
    <input type="text" name="textbox2" size="20" height="50"/>
</h1>

```

Also if possible, is there a way to change the text box from white to dark grey?

Answer: 
Put your `<input>` tags in their own `<div>` like this:

```
<div id=signin>    
<input type="text" name="textbox1" size="20" height="50"/></br>
<input type="text" name="textbox2" size="20" height="50"/>
    </div>

```

Then add this CSS to your stylesheet:

```
#signin {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    background-color:lightgrey;
    border: 1px solid grey;

}
#signin input {
 background-color:green;   
}

```

You can tweak the details yourself. I've updated your [fiddle](http://jsfiddle.net/RGp5x/2/)
To push the white div behind the text box, add to its CSS style the following: `z-index=-10`

As for changing the text box's color, use the `background-color` like this:

```
<input type='text' style='background-color:#696969'/>

```