title: CSS Gradient Image Size?
body: <p>I know that the best way to make a gradient image is to have its width set as 1 and just let it repeat, but I'm confused as to what the height should be?</p>
  
  <p>Should it be really big in case the viewer is on a huge monitor or TV screen or something? Is there a way to have it be just like 1x10 and look normal?</p>
  
  <p>Also, doing rounded corners and stuff like that without using CSS3... using an image - is that possible in a fluid layout?</p>
  
  <p>Heres a gradient thing I'm talking about. <a href="http://www.teamliquid.net/mirror/layout/NavbarNormal.png" rel="nofollow">this</a> is the background gradient used on <a href="http://teamliquid.net" rel="nofollow">Teamliquid.net</a>. It's height is only 33px, yet you can't tell that its repeating on the y axis...? </p>