CSS imports

Hi guys
For some strange reason the .css file is not importing correctly in my html page; The layout is all jumbled.

here's my import statement for the html page.

@import url("css/general.css");
@import url("css/sectionfront.css");

- The global.css controls the overall color and font size for the entire site.
- I made certain that the file path was correct.
- Do i need to put the above statement at the top of my .css files (general/sectionfront).

What am I missing here?

Thanks in advance!!!