So when I tried to set a padding, it makes the whole area slightly bigger. Is there anyway to make it so that when the text appears in the div, it will have some margin on the left and the right (so that the text isn't like crammed to the leftside of the div). I tried padding and margin and both those don't work. Padding makes the whole area shift or get bigger or something weird like that.
I think you can give your div a set size using the height and width attributes in the css. If you use padding then you should be ok. Let me know if this works.
if you aply "padding-left: 10px" your DIV will get 10px bigger; so you gotta put minus 10px in width... same aplies in height: if you aply "padding-bottom: 5px", DIV will get 5px bigger in height, so you just have to put minus 5px in DIV heigh... If you can't do it pm i'll help ya out free of charge mate