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/)
two important things:
1st you should clean your code, guess you copied/pasted something, there are more than one and mixed head / body / html TAGs.

clean it should look like 

```
<html>
<head>
</head>
<body>
</body>
</html>

```

After you corrected this it will be much easier. Just put all the css code in the `head` section, your input fields are inside the `body` area anyway, so you can get them styled same as all other elements.

```
<html>
   <head>
      <style> css </style>
   </head>
   <body>
      html-elements
   </body>
</html>

```