Форум программистов [Powered by Invision Power Board]

Здравствуйте. Не могу сверстать страничку.

http://s2.ipicture.ru/Gallery/Viewfull/9380896.html

На рисунки с лева и права полоски с скругленными краями.

Код


div {
    width: 100%;
    padding: 10px 40px
    position: relative; 
  }
div:after, div:before {
    content:"";
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    width: 90px;
    border-top: 0px solid #42aaff;
    border-bottom: 0px solid #42aaff;
    border-left: 2px solid #42aaff;
    border-right: 2px solid #42aaff;
  }
div:after {
    left: 10%;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px; 
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left:0px;
  }
div:before {
    right: 10%;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right:0px;
  }

Код


<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>2d.Game</title>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <link rel="stylesheet" href="style/style.css" type="text/css"/>
<!--[if IE]><link rel="stylesheet" href="styles/ie.css" type="text/css"/><![endif]-->
</head>
<body>
 <div class="wrap">
  
 </div>
</body>
</html>

Вот так вот эти полоски у меня реализованы. Но как теперь помещать контент между ними? Например если сделать так

Код


<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>2d.Game</title>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <link rel="stylesheet" href="style/style.css" type="text/css"/>
<!--[if IE]><link rel="stylesheet" href="styles/ie.css" type="text/css"/><![endif]-->
</head>
<body>
 <div class="wrap">
  Просто надпись для теста
 </div>
</body>
</html>

то тестовая надпись будет в левом верхнем углу (