Wordpress <img>ウィジェットに配置するとスタイルが上書きされます

Question

私はバーコードを描画するWPウィジェットを作成しています。私はちょうど管理ページ（それはハロー・ドリー！）に置くだけでうまく動作するバーコードを生成することができます。

バーコードを構成するタグが明示的にバーとスペースの高さと幅を設定し、誰もが幸せです。

ウィジェットに同じプラグインコードを適用すると、幅はそのままのままですが、何らかの理由で高さが下げられます。

結果が正しいスキャンしないバーコード約1ピクセル高いです。なぜ私の明示的なスタイルがウィジェットクラスでオーバーライドされているのかを調べることに興味があります。

EDIT：プラグインに含まれている唯一のCSSはここにある！

// We need some CSS to position the paragraph 
function barcode_css() { 
     $x = is_rtl() ? 'left' : 'right'; 

     echo " 
     <style type='text/css'> 
     #barcode { 
       float: $x; 
       padding-$x: 15px; 
       padding-top: 5px; 
       margin: 0; 
       font-size: 11px; 
     } 
     </style> 
     "; 
} 

Answer 1

現在作業中です。明示的に高さと幅の属性を設定する代わりに、私はこの答えに従ってインラインCSSを使いました： https://stackoverflow.com/a/15000373/769938

私のウィジェットのPHPを調整したら、それは動作し始めました。

Answer 2

はあなたのCSSに重要な追加しようとしたことがありますか？