Float:right img not working

Hello fellow members,

On my new project the image of the green and red flag is a bit buggy on mobile devices.
Any help would be greatly appreciated.


CSS file: http://www.aladdinullah.org/main.css

There’s no room for it on small screens, unless you set a fixed width on the page, which this layout kind of needs anyway. Try something like a min-width on the #header div:

#header {
position: absolute;
margin: 0px;
top: 0px;
padding: 0px;
left: 0px;
width: 100%;
height: 150px;
border: 5px #FFF solid;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
background-color: #4B4B4B;
[COLOR="#FF0000"]min-width: 1100px;[/COLOR]

I spoke 2 the perosn the site is for and they said they didn’t need the flag up so i took it off.
Thanks for the feedback and input on the resolution to the problem.

It’s worth adding in the fix anyway, as there’s still a problem with the layout on narrow screens. Anyone who has to scroll to the right will see odd background issues on the header area otherwise.