Your content and sidebar divs have no CSS that would put them side by side (i.e. less than 100% of containing element width so they’d fit side by side and “float” to make them side by side). You also might want to check on some mark-up errors:
http://validator.w3.org/check?uri=http%3A%2F%2Ftictech.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Validating your CSS may be useful as well.
Ok, I solved it, but now the #wrapper background won’t become white. What should I do?
You probably need a cleared element below the floated ones to make the background pull down. But I’d also suggest fixing the mark-up errors as they may be causing problems as well.
Most of the markup errors are caused by WordPress. Would you suggest that I create a smaller div inside #wrapper?
Sorry, but tag errors and missing or misplaced elements is not caused by WordPress.
You can solve the background issue by adding a div below the sidebar div – and adding the style clear: both to the new div.
