I am still learning CSS and getting well versed with these style sheets. I am trying to built a new website now with all the information I have about CSS so far.

I am getting an issue which I would like you guys to help me out on. I just build a web page in CSS. However I am getting a small gap to the right of the navigation bar. Can someone help me sort the codes rightly?

Can we have a look at the codes please? If Yes I can certainly help you.

I have a feeling that #main float right and #sidebar option to left is the issue. I would recommend you to have both floats as left. Have your main <div> tag after the #sidebar <div>

You can also try changing the background colors. Avoid adding any borders as it might make your <div> wide and thereby mess the float. This would make one <div> to wrap with other (bottom).

I hope this suggestion help