Moving the sideboxes higher up

I would like to move my sideboxes a tad bit higher. My website is QueenCharlotteSoaps.com. I am planning on adding a CSS menu underneath my logo and some buttons bellow this. I would like to move the sideboxes right below the CSS menu.

I hope that makes sense. Thank you in advance for any help.

Add your menu then update this thread

I added the menu to my dummy site (thank you again for helping me set it up). I am still working on the dummy site, but have a look at QueenCharlotteSoaps.com/test.

You could try giving the top margin for that div a negative value...

FIND:

#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-right: 0.5em;
}

CHANGE TO:

#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-top: -100px;
margin-right: 0.5em;
}

(This is likely to affect the position of other divs...)

That works, thank you. Is there any way, though, to decrease that space between the CSS menu and the text below it? If you take a look at this page, the sidebox was moved up nicely, but the distance between the CSS menu and the breadcrumb trail is still significant.

Some more testing showed that is not a viable solution, unfortunately. That causes my shipping sidebox to move up past my CSS menu. Does anyone have a solution for this? Thank you.

Seperate and make 2 entries one for each and adjust as required

#navColumnOneWrapper

#navColumnTwoWrapper

That worked, thank you.

I appreciate your patience and help.