title: Ckeditor buttons id are changing through browsers
body: <p>Currently using CKEditor, I need to get the buttons id in my toolbar to apply some specific CSS and to get positions of certains button for exemple.</p>
  
  <p>But with Google chrome, the ids of the buttons aren't the same than with mozilla or IE. </p>
  
  <p>An exemple would be more clear:</p>
  
  <p>If i have the samme toolbar, the same code, mozilla will show me this:</p>
  
  <pre><code>&lt;span id="cke_1_top&gt;
      &lt;span id="cke_7"&gt;Toolbar&lt;/span&gt;
  
       // My first group of buttons, which contains 2 buttons
      &lt;span id="cke_9" class="cke_toolbar" role = "toolbar"&gt;
           // Code for buttons
      &lt;/span&gt;
  
      // My second group of buttons
      &lt;span id="cke_12" class="cke_toolbar" role = "toolbar"&gt;
           // Code for buttons
      &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>While chrome will display this:</p>
  
  <pre><code>&lt;span id="cke_1_top&gt;
      &lt;span id="cke_8"&gt;Toolbar&lt;/span&gt;
       // My first group of buttons, which contains 2 buttons
      &lt;span id="cke_10" class="cke_toolbar" role = "toolbar"&gt;
           // Code for buttons
      &lt;/span&gt;
  
      // My second group of buttons
      &lt;span id="cke_13" class="cke_toolbar" role = "toolbar"&gt;
           // Code for buttons
      &lt;/span&gt;
  
  &lt;/span&gt;
  </code></pre>
  
  <p>So my css, for exemple:</p>
  
  <pre><code>#cke_13{
      color: red
  }
  </code></pre>
  
  <p>Will work only with Chrome, because this id do not exist if the code is displayed by mozilla.</p>
  
  <p>For the moment the problem appears only with chrome, all the ids are increased by one.</p>
  
  <p>Does anyone know where the problem could be? Or at least is there a way to choose the id of a button at the creation of it?</p>
  
  <p>I really don't know why this is happening, any solutions would be appreciated.</p>