Display icon to the left of text

Question

In our html we have:

<div id="error2"></div>

A dynamic error message is displayed.

In css i:

#error2 {
    background:url(../images/cross.png) left center no-repeat;
    color: #ff2217;
    font-size:16px;
    font-weight:bold;
    position:absolute;
    top:175px;
    left:32px;
}

I get:

I want to:

Answer 1

Try adding some add-ons:

#error2 {
padding-left: 30px;
}

Answer 2

Use padding-left:;as follows: http://jsfiddle.net/8DnTa/