# How to use an image for a banner and not have scroll bar problems?

**URL:** <https://forum.kirupa.com/t/how-to-use-an-image-for-a-banner-and-not-have-scroll-bar-problems/324524>\
**Category:** web dev\
**Created:** [August 25, 2011, 12:46pm UTC](https://forum.kirupa.com/t/how-to-use-an-image-for-a-banner-and-not-have-scroll-bar-problems/324524 "2011-08-25T12:46:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![m2244](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@m2244](https://forum.kirupa.com/u/m2244)\
**Post date:** [August 25, 2011, 12:46pm UTC](https://forum.kirupa.com/t/how-to-use-an-image-for-a-banner-and-not-have-scroll-bar-problems/324524/1 "2011-08-25T12:46:33Z")

</div>

Hello,

Our web site has a header stripe across the top, purely decorative. It goes all the way across, from edge to edge. Right now it is created using CSS.

I am trying to use an image instead of CSS. But the image creates the problem of a horizontal scroll. I do not want a horizontal scroll at all. I have tried ‘overflow:hidden;’ but that did not work for some reason.

Any suggestions would be greatly appreciated.

```auto

<div>
		<img src="course_assets/metalgls.jpg" class="center" style="overflow:hidden;" />
		<p>&nbsp;</p>
	</div>

```