http://www.daveyerwin.com/test.htm
At this url i have a test page , It displays the
text the around the background image but to
achieve this i mixed in spacer divs with the
text. I want this effect without mixing the
divs into the text .

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
body{  background-color:#ccc}
p{margin:0;padding:0;}
#wrapper{}
#wrapper h1 a{  
background:#ccc url('meia-logo.gif') no-repeat scroll center;
 display:block; height:75px; text-indent:-5000px
}
#outer{  
margin:0px auto; height:600px; width:880px}
#inner{
 background:transparent url('whole-bg_600.gif') no-repeat top left;
 height:600px;
 margin:10px auto;
 padding-left:50px;
 width:750px
}
#bg1{
  background:transparent url('skull-bg.gif') no-repeat scroll bottom left
}
#bg2{
  background:transparent url('bg-right.gif') no-repeat scroll bottom right;
 margin-right:15px
}
#main{
  height:488px; position:relative;
 width:700px;
 }

#page p{  }
#page h1{
  font-family:MeiaFont;
 text-transform:lowercase
}
</style>


</head><body>

    <div id="wrapper">
        <h1>
            <a href="/">rebel with a six string</a></h1>
        <div id="outer">
            <div id="inner">
                <div id="bg1">
                    <div id="bg2">

                        <div id="main">
                            
                            
  <div id="page">
    <h1 id="ctl00_cphBody_h1Title">FRONT PAGE</h1>
    <div id="ctl00_cphBody_divText"><div id="lipsum">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend, orci eu mattis adipiscing, velit magna fermentum magna, eget eleifend massa nunc vitae sapien. Cras et convallis velit. Phasellus scelerisque elit eget enim interdum sed iaculis augue fringilla. Sed dolor mauris, vehicula et sagittis condimentum, dignissim eget leo. Praesent id sodales nulla. Sed hendrerit bibendum feugiat. Quisque auctor leo vel nibh posuere sit amet adipiscing lectus ultrices. Sed ac arcu augue, eget egestas orci. Ut at libero lacinia turpis elementum lacinia. Etiam tortor neque,</p>
<div style="float:left;height:300px;width:50px;"></div>
<p style="margin:0;padding:0;"> cursus nec tincidunt a, lacinia a ligula.</p>
<p>Sed vel tincidunt ipsum. Suspendisse cursus sapien vitae quam ornare sagittis. Quisque mattis bibendum urna, eu euismod orci sagittis vitae. Cras facilisis tincidunt tellus eget convallis. Nam vel lacus</p>

<div style="float:left;height:300px;width:50px;"></div>
<p> eget lacus pharetra tempor at sit amet mauris. Ut sit amet tellus felis, id malesuada odio. Suspendisse enim libero, varius eget mollis eu, tempor sit amet ante. Quisque a velit eget elit vulputate facilisis. Nulla facilisi. Quisque dictum, massa eget feugiat gravida, sapien dui viverra ante, sed vestibulum quam odio eget dolor. Etiam hendrerit sapien sed neque imperdiet ut hendrerit magna volutpat.</p>
</div></div>    
    
    
    
      </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   </body>
</html>
thanks for any response.