title: Irregular CSS corners?
body: <p>Have a client request for irregular corners in CSS. Is that even a thing? So far I had experimented with CSS triangles ( <a href="http://css-tricks.com/snippets/css/css-triangle/" rel="nofollow">http://css-tricks.com/snippets/css/css-triangle/</a> ) but no bueno.</p>
  
  <p><a href="https://dl.dropbox.com/u/4031469/irreg.png" rel="nofollow">https://dl.dropbox.com/u/4031469/irreg.png</a></p>
  
  <p>Thinking I'll probably have to do it with images sadly... unless y'alls know of any way to pull it off.</p>
  
  <p>The main parameters: Needs to be at least flexible in height, preferably flexible in width too, but not required. Current solution: Top capper that extends potentially above the box enough to make the corner effect work on the secondary box... with the lower descender pieces right absolutely aligned pushing below.</p>
  
  <p>My closest attempt so far (uses image for top): <a href="https://dl.dropbox.com/u/4031469/fs.html" rel="nofollow">https://dl.dropbox.com/u/4031469/fs.html</a></p>