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: 
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>

```
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'/>

```