CSS errors in both firefox and iexplorer

hey guys. im new to drupal. i mainly do joomla sites (yuck right? lol we feel the same about drupal!). anyways, im on this new job, and so far i have overcome every hurdle my boss has tossed at me on this 2 year old project (i just started a month ago though). we are almost there! i am encountering a(some) very peculiar css error(s). attached are the screenshots displaying the errors in both firefox (version 13.0) and internet explorer (version 9.08). we are looking at a webform from the webform component. i searched through many threads on the forums and have yet to see this error. now before you ask, i have installed and uninstalled 2 different css optimization modules (IE css && advanced aggregator) in addition to running the built in aggregator under the performance tab. none of this has solved my problem. i have absolutely no idea whats going on with this. please help :) please and thank you as always!
as you can see by the screen, in firefox the form is outside its bounding box and appears to the right. i have tried augmenting the float function to no avail. in internet explorer you can see that the entire page floats to the left. just need to fix these 2 things so i can begin testing this new service. as for the other 3 major browsers- it appears fine in safari, chrome and opera. these are the only 2 browsers that have difficulty. the version of garland im using is for drupal 6. it is a custom template made with the garland framework/default styles.