EfeBuyuran - 9:53 am on Sep 16, 2011 (gmt 0)

Let me expand the code a little.

the HTML form of the page is this;


<div class="div43"><input type="text" value="Name..." /></div>

div43 has been placed as a container to the input field.
Here is the CSS;


.div43 {

width: 192px;
height: 26px;
margin-bottom: 20px;
background-image: url(img/input_field.png);
}

.div43 input[type="text"] {

width: 180px;
height: 18px;
padding: 0;
margin: 4px 0px 0px 8px;
color: #333;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
border: none;
background: none;
outline: none;
}


As you see, the appearance of input field is a background provided in div43 container. Margin values of Input field places it in the middle of the box where I want them to be.

It's supposed to be easy but still producing various results on different browsers. I'd like to fix that.