title: How can i make the background image visible using css?
body: <p>I tried to make the <code>div</code> with <code>background image</code> and with <code>text message</code>. In that Everything works perfect when i make the <code>width as 100%</code> and the <code>height as auto</code>. I make that div height is auto because whenever i increase the <code>font size of the text</code>  That div height is also dynamically increase. But Now my question is when i left empty message inside the div then it doesn't show any, Because of <code>height:auto</code> I want to show the div with actual background image appear-able. Even if i left message as empty. Is it possible to show the background image with height of auto.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>#loginContainer {
  -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: url("http://s3.buysellads.com/1237708/176570-1371740695.gif") 
      no-repeat scroll center center #FF660D;  /*for example */
      border-color: #FFFFFF;
      border-image: none;
      border-right: medium solid #FFFFFF;
      border-style: none solid solid;
      border-width: medium;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      position: fixed;
      right: 0;
      top: 0;
      vertical-align: super;
      width: 100%;
      z-index: 9999999;
  }
  </code></pre>
  
  <p>Here is the <strong><a href="http://jsfiddle.net/a39Va/6/" rel="nofollow">fiddle</a></strong></p>
  
  <p>Here is the <strong><a href="http://jsfiddle.net/a39Va/7/" rel="nofollow">fiddle</a></strong> with empty message inside div</p>