I've been working on changing my site from a fixed layout to a responsive design but I'm having trouble with a very basic problem I'm hoping you guys can enlighten me with.
On this (or any) page: http://www.your-adrenaline-fix.com/motocross.html I made some changes to the css so it would be responsive but now I can't seem to get the left and right column to come up to the top of their respective columns and if anyone would'nt mind sharing with me what I'm misssing I'd be most appreciative and I thank you guys in advance.
Here is the CSS which I feel is relevant;
#ContentWrapper{float:left;width:100%;background-image:url(../image-files/background.gif);background-repeat:repeat-y;}
#ContentColumn{margin:2% 18.75%;}
#NavColumn{float:left;width:18.645833333%;text-align:center; font-size:90%; color:#000;}
#ExtraColumn{float:right;width:18.645833333%;text-align:center; font-size:90%; color:#000;}
#ContentColumn{margin:2% 18.75%;}
#NavColumn{float:left;width:18.645833333%;text-align:center; font-size:90%; color:#000;}
#ExtraColumn{float:right;width:18.645833333%;text-align:center; font-size:90%; color:#000;}