Please use the browser's developer tools e.g., F12 Developer tools in IE or Firebig in Firefox, and check the calculated styles for the misplaced HTML elements. Tracing the styles' inheritance will help you to remove the confronting CSS rules.
Our recommendation is to use the HTML5 Report Viewer
in MVC applications.
In general, the HTML5 Report Viewer is a client-side widget served only by a running Reporting REST service, which is dedicated to display already created reports. It is the service that manages the report state and resources. More details how the viewer and the service work, and how to set them manually in a project are available in this forum thread (all tutorials for using the viewer and the service are linked in the thread).
Details how to add the viewer via template are available in the HTML5 Report Viewer Quickstart article
How the viewer(client)-service pair works:
Basically, the client (viewer) sends string description of the requested report (the viewer's reportSource.report value) to the service, and depending on the report resolvers in the service's CreateReportResolver method this string description will be resolved to a report source object.
By default we provide ReportFileResolver and ReportTypeResolver. You can also create your own report resolvers as in the example in the How To: Implement a Custom Report Resolver article.
Depending on how the application will be hosted, you can use the corresponding cache storage for the service - REST Service storage.
For a working demo, check the local examples installed by default under C:\Program Files (x86)\Telerik\Reporting <VERSION>\Examples\CSharp.
Let us know if you need any further help.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.