display icon to left of text

Question

In our html we have:

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

This displays dynamic error message.

In the css I have:

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

What I get is:

What I want is:

Answer 1

Use padding-left:; like this: http://jsfiddle.net/8DnTa/

Answer 2

Try adding some padding:

#error2 {
padding-left: 30px;
}