Olá Bruno, tudo certo?
Tem algumas div's desnecessárias no teu código, mas enfim.
Para alinhar do jeito que você quer, você pode utilizar "float" dos elementos e definir o "a" com "display:block; float:right;".
Ficaria +/- assim:
#content li div div {float:left;width:tamanho_desejado;}
#content li div a {float:right;width:tamanho_desejado; dispaly:block}
Mas sugiro que você refaça essa estrutura, para algo assim:
<li>
<div class="img_texto">
<h2><a href="#">Titulo do Doce</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </p>
</div>
<div class="img_bolo"><a href="images/bolos/bolo1.jpg"><img src="images/bolos/bolo1.1.jpg"width="350" height="250" ></a></div>
</li>
Qualquer dúvida me avise.
Abraço;