How to stop DIV element from getting pushed down in table?

Any clue how to stop a DIV element from getting pushed down in a table?

Here's the page: http://www.panabee.com/domain-name-generator/healthy%20food

As you can see, the "Variations" DIV element in the left-hand side is pushed d开发者_开发问答own unnaturally. It should be top aligned with the "Ask for help..." image, but for some reason the presence of the image pushes down the Variations" DIV element. If I replace the image with a little text, the top boxes in the two columns are again top aligned.

Any clues?

Thanks!

P.S. Feel free to offer feedback/suggestions on the site, too! Thanks all.

---

you need to add to your css vertical-align:top; for #main_box

---

add vertical-align: top; for #main_box. Because you have the reset, the td takes vertical-align: baseline; and override the "valign=top" in html.

---

The anchor a tag in your right side bar (inside the ask_for_help div) has a vertical-align of baseline. Remove that and you will be good to go.

---

you need to add to your css vertical-align:top; for #main_box