Dreamweaver CS5.5 Slow down when minimising and loading pages.

Question

Hi there
I'm having a really strange problem with Dreamweaver CS5.5
I'm currently in the process of building a CMS for a client and I am experience slow down in Dreamwever when opening and closing certain pages, it also causes slow down/hanging when opening and minimising Dreamweaver itself if these certain pages are open at the time. Which starts to get very annoying when you're swapping between Photoshop and Dreamweaver all the time...
I narrowed it down to a CSS file causing the slow down/hanging. This being the main stylesheet for the CMS... admin.css
When I comment out the CSS file Dreamweaver minimises and maximises quickly, and the page in question opens fast.
The stylesheet is about 900 lines long at the moment, but I've got php and javascript files (and also other CSS files) which are much longer and none of them cause slow down/hanging.
I've looked myself but from what I can see all of the CSS is valid.
Any ideas guys?
Thanks in advance

Answer 1

I can't explain this at all, but I've solved it.
I changed the style below:
@media only screen and (min-width: 35em) {
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* Clear Floated Elements + Fix */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:before,.clearfix:after{content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*END DONT CHANGE*/
To this:
@media only screen and (min-width: 35em) {
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* Clear Floated Elements + Fix */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:before,.clearfix:after{content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*END DONT CHANGE*/
Moved it outside of the media query. It was put there by mistake by the looks of it.