ребят помогите с фоном
 

фон не линейный он как бы сначало высотой 100px и постепенно увеличивается!! то есть получается что у него верх ровный а низ в виде наклонной линии !! притом он должен тянуться при скролинге!!

nesfiraty, не делай фоном... Делай обычной картинкой. Картинки могут "тянуться" и менять пропорции.

Можно градиентами, само собой только для новых браузеров.
Примерно так:

<style>
  html, body{
    min-height: 100%; 
    margin: 0; 
    padding: 0;
  }
  body {
    background: 
      linear-gradient(#000, #000) no-repeat 0 0 / 100% 100px, 
      linear-gradient(to right top, transparent 50%, #000 50%) no-repeat 0 100px / 100% 100px #F00;
  }
</style>