cómo modificar el ancho de un div si hay overflow vertical

[uikekarallo]

hola, que tal ^^

pues es simplemente eso. tengo un div de 555px de ancho y 320px de alto. En el css, el overflow está en auto.

lo que necesito es que cuando el texto supere los 320px de alto y aparezcan las 2 barras de scroll (aparecen las dos porque el scroll vertical ocupa parte del ancho), el ancho del div se cambie.

y es que no encuentro la manera... una ayudita, por favor!

gracias


edito: sigo al tema... y de momento llego a lo siguiente:

Código HTML:

var yScroll = document.getElementById('content').scrollHeight;
  if ( yScroll > '320' )
  {
    $('#content h1 , #content h2 , #content h3 , #content p , #content dl').css('width' , '530px');
  }

ahora bien, no me hace ni caso. eso si, si pongo lo siguiente...

Código HTML:

var yScroll = document.getElementById('content').scrollHeight;
  if ( yScroll > '320' )
  {
    alert('holaquetal');
    $('#content h1 , #content h2 , #content h3 , #content p , #content dl').css('width' , '530px');
  }

funciona correctamente, ya que se corrige una vez acepto el cuadro del alert.

alguna idea? gracias...