Узнать ширину блока div

Есть блок <div>, который представляет из себя закрашенный прямоугольник с закругленными краями шириной n% от ширины страницы, оканчиваеться он картинкой с градиентной расцветкой.
Нужно растянуть эту картинку на всю ширину <div>'а, так вот как узнать фактическую ширину блока div в px.
Блок div:

Code:

<div id="rounded-box-3" style="margin-left : 100px; margin-right : 100px; width: <?php echo $block_width;?>;" >

такой скрипт выдаст только процентную ширину

Code:

<script>alert(document.getElementById("rounded-box-3").style.width);</script>

и теоретически можно взять этот процент от ширины окна, однако на практике это не верно т.к. в стиле есть margin-left и margin-right

 

Code:

width: <?php echo $block_width;?>;

Указывай тут в пикселях и будет тебе счастье

 

это не вариант т.к. в таком случае мой div встает не по середине страницы. Да, наверное, у меня кривые css, но тем не менее. И штуки типа align='center' я пробывал

 

Code:

<div id="rounded-box-3" style="margin-left : 100px; margin-right : 100px; width: [B]100px[/B]"></div>

 

я же говорю что это не вариант, нужно именно чтобы ширина была в процентах