title: Angular Material's Dialog won't display correctly
body: <p>So I'm using Angular Material 2 to build my website and when I try to open a Dialog it opens at the end of the page and not in the centre of the page as it should do, somewhat like it doesn't respect the overlay rules.</p>
  
  <p>My AppComponent, where i declare my dialog components, looks like this:</p>
  
  <pre><code> import { Component, OnInit } from '@angular/core';
     import { Title } from '@angular/platform-browser';
     import { MdDialog, MdDialogRef, MdDialogConfig } from '@angular/material';
  
     import { StaffService } from './staff.service';
     import { EventiService } from './eventi.service';
  
     @Component({
          moduleId: module.id,
          selector: 'magie-dinverno',
          templateUrl: 'app.component.html',
          providers: [
             StaffService,
             EventiService
          ]
     })
     export class AppComponent implements OnInit {
         public constructor(private titleService: Title, public dialog: MdDialog) { }
         dialogRef: MdDialogRef&lt;NewsDialog&gt;;
         email: string;
  
         public setTitle (newTitle: string) {
            this.titleService.setTitle( newTitle );
         }
  
         ngOnInit(){ }
  
         openNews() {
            this.dialogRef = this.dialog.open(NewsDialog, {
                height: '200px',
                width: '400px'
         });
  
          this.dialogRef.afterClosed().subscribe(result =&gt; {
            this.email = result;
            console.log(this.email);
            this.dialogRef = null;
            });
          }
     }
  
      @Component({
          selector: 'news-dialog',
          template: `
              &lt;div class="dialog"&gt;
                  &lt;div class="container"&gt;
                      &lt;!-- &lt;img /&gt; Immagine figa --&gt;
                     &lt;div class="dialog-title"&gt;
                      &lt;h4&gt;Rimani sempre aggiornato&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="dialog-content"&gt;
                      &lt;p&gt;Per rimanere sempre aggiornato iscriviti alla nostra newsletter: &lt;/p&gt;
                      &lt;p&gt;&lt;label&gt;Email: &lt;input #email&gt;&lt;/label&gt;&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="center-align dialog-actions"&gt;
                      &lt;button md-button (click)="dialogRef.close(email.value)"&gt;Invia&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
         `
      })
      export class NewsDialog { 
          constructor(public dialogRef: MdDialogRef&lt;NewsDialog&gt;) { } 
      }
  </code></pre>
  
  <p>Meanwhile my AppModule is this:</p>
  
  <pre><code>import { NgModule }      from '@angular/core';
  import { BrowserModule, Title } from '@angular/platform-browser';
  import { MaterialModule } from '@angular/material';
  import { HttpModule } from '@angular/http';
  
  import { AppRoutingModule } from './app-routing.module';
  
  import { AppComponent, NewsDialog }  from './app.component';
  import { OrariComponent } from './orari.component';
  import { IndexComponent } from './index.component';
  import { EventiComponent } from './eventi.component';
  import { ServiziComponent } from './servizi.component';
  import { ContattiComponent } from './contatti.component';
  import { GalleriaComponent } from './galleria.component';
  import { AdminComponent} from './admin.component';
  
  import { AggiungiEventoComponent } from './aggiungi-evento.component';
  
  @NgModule({
    imports: [
          BrowserModule,
          AppRoutingModule,
        HttpModule,
        MaterialModule.forRoot()
      ],
    declarations: [
      AppComponent,
      IndexComponent,
      OrariComponent,
      EventiComponent,
      ServiziComponent,
      ContattiComponent,
      GalleriaComponent,
      AdminComponent,
      AggiungiEventoComponent,
      NewsDialog
    ],
    entryComponents: [
      NewsDialog
    ],
    providers: [
      Title
    ],
    bootstrap:    [ AppComponent ]
  })
  export class AppModule { }
  </code></pre>