title: What is the second best possible way to make this Content Box's (Fixed width) corners round (without border-radius and javascript)?
body: <p>Is it possible to make this box's corner round with same <code>html</code> tags. without using any other tag and <code>border-radius</code> property and javascript. but i can use css classes and background images. and box height should be depend on content of <code>&lt;p&gt;grr&lt;/p&gt;</code></p>
  
  <p><strong>Width of Box  and height of <code>&lt;h2&gt;</code> is fixed , but I need height of content flexible.</strong></p>
  
  <pre><code>&lt;h2&gt;Nulla Facilisi&lt;/h2&gt;
  &lt;p&gt;
     Phasellus at turpis lacus. Nulla hendrerit lobortis nibh. 
     In lectus erat, blandit non feugiat vel, accumsan ac dolor. 
     Etiam et ligula vel tortor tempus vehicula porttitor ut ligula. 
     Mauris felis odio, fermentum vel
  &lt;/p&gt;
  </code></pre>
  
  <p><img src="https://strathviewconsultants.wdfiles.com/local--files/css:rounded-corners/roundedcornersIE.png" alt="alt text"></p>
  
  <p><strong>Edit :</strong>  What is the best possible way to achieve this without css border-radius property which is not supported by internet explorer?</p>