Ajustar tamanho de div conforme conteúdo interno

Boa tarde a todos do fórum,

Sou novo aqui...procurei alguns tópicos mas parece que meu problema é bem particular e não encontrei nada que possa me ajudar.

Primeiramente, o site ainda não está publicado...portanto não poderei disponibilizar o link.

Vamos ao problema:

• Estou gerando um código html dinâmico por C#, nessa sequência:

<a>

 <div>

 <grid></grid>

 </div>

</a>

<a>

...

E utilizando Accordion ( javascript ) para exibir os menus...

O problema está na renderização do tamanho da div, deixei a propriedade dela como height: auto; como é auto, imaginei que ela se ajustaria ao tamanho do conteúdo do grid...que é o que ela faz, porém ela considera o maior tamanho de todos os grids.

Segue duas imagens do comportamento do menu:

Essa seria a forma ideal (tamanho da div se ajustando com o conteúdo do grid)

/applications/core/interface/imageproxy/imageproxy.php?img=http://lh3.ggpht.com/_5IyDrxOqad0/TQe5ZZM-vTI/AAAAAAAAAHo/eixi0zs2TsE/grid_full.png&key=a853a86891f0631471635a1753d6771c98c86720dd7ee1fe75c805ca56a1530b" alt="grid_full.png" />

Essa é uma div com o conteúdo de um grid menor (gerando espaços em branco, pois a div assume o tamanho do maior grid renderizado)

/applications/core/interface/imageproxy/imageproxy.php?img=http://lh3.ggpht.com/_5IyDrxOqad0/TQe5ZeniDTI/AAAAAAAAAHo/_5-plFIu9hk/grid_white.png&key=3331500379a33f3095a6c902d1635e7be863b7dc5086542ca4b46e07afff0558" alt="grid_white.png" />

Não teria como a div herdar o height do grid?

Se eu deixar a div e o grid como height: auto; não funciona.

Já tentei overflow: hidden na div também e nada.

Qualquer "ajuda" é muito bem vinda, obrigado!